制作一个属于你自己的favicon.ico图标(含字体)

  大家可能都看见了,我的网站多了个favicon.ico,也就是一个“别”字,下面就介绍一下这个favicon.ico。
  在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。
  
favicon

什么是favicon?
  所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

  如何制作Favicon.ico
  favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo, 目前主要的浏览器都支持favicon.ico图标.
  推荐一个在线制作网站比特虫:http://www.bitbug.net/
  - 原始图像可以接受: .jpg .jpeg .gif .png等图像格式
  - 原始图像文件大小限制在小于500k
  - 建议制作一张400×400的jpg图像, 然后等比缩小到你想转换的ico尺寸,最后用比特虫转换成ico图标格式.
  - 当然你也可以直接把原始尺寸的图像通过比特虫直接转换,比特虫会自动将图片缩小到合适的ico图标尺寸,不过可能会在缩小的时候有所失真
  至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。

  在网页中使用Favicon.ico
  浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
  因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
  如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入相应代码。
  Firefox还支持GIF动画格式的Favicon,使用方法如下:首先制作一个16*16的gif动画,然后在html代码中加入相应代码。

本站的favicon图标只是简单制作的,有时间再仔细做一个吧,个人比较喜欢古典的篆体和祥书。下面提供几种篆体下载:

本站下载:方正小篆体       汉鼎繁印篆          汉仪粗篆简        经典繁方篆

转载请注明源自别先生说事,多谢配合!
原文地址» http://www.mrbie.com/html/make-favcion-fonts-dowload.html



已有14 条评论:

  1. Notify

    呵呵,我的是一个南瓜头~~

    老饕 在1楼说:

    2009.07.23
    9:44 下午

  2. Notify

    @老饕:
    南瓜头不太清楚。。

    Taa 在2楼说:

    2009.07.23
    10:22 下午

  3. Notify

    我的G应该够清楚吧。。。哈哈

    蛋王 在3楼说:

    2009.07.23
    11:02 下午

  4. Notify

    Thanks for posting about this, I would like to read more about this topic.

    How I Lost 30 Pounds in 30 Days Without Diet 在4楼说:

    2009.07.24
    9:27 上午

  5. Taa 在5楼说:

    2009.07.24
    10:44 上午

  6. Notify

    呵呵,谢谢提醒,我会换站标的

    老饕 在6楼说:

    2009.07.25
    7:09 下午

  7. Notify

    一直就是不知道怎么放到网址前面去~

    Yo2 在7楼说:

    2009.07.26
    1:26 上午

  8. Notify

    链接已做。

    PS:现在好多浏览器都不用加代码就可以识别favicon文件

    eric 在8楼说:

    2009.07.26
    9:18 下午

  9. Notify

    学习了,谢谢!

    花茶 在9楼说:

    2009.07.27
    9:05 下午

  10. Notify

    @花茶: 欢迎,欢迎。。

    Taa 在10楼说:

    2009.07.27
    10:04 下午

  11. Notify

    我的favicon直接是从别人的网站偷来的··啊··头疼 不太会做这么小像素的图

    magehao 在11楼说:

    2009.07.28
    10:06 下午

  12. Notify

    @magehao: 这个很简单的,还是自己做个有特色。

    Taa 在12楼说:

    2009.07.28
    10:45 下午

  13. Notify

    我还不会制作。原来这样地。O(∩_∩)O哈哈~

    DreamDragon龙龙 在13楼说:

    2009.08.01
    7:51 下午

  14. Notify

    @DreamDragon龙龙: 非常简单的,呵呵

    Mr Bie 在14楼说:

    2009.08.01
    11:35 下午

您的邮箱地址 不会 被公开. 必填选项由 *标记...

*

*

赶紧来说两句:

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。