Favicon最先是用于IE收藏夹的，因为人对图像的识别速度比单一抽象的文字要快很多，所以便于在大量收藏中快速找到需要的站点。如图1所示，找到msn肯定要比下面两个容易。

这个功能后来逐渐演化成当浏览一个网站的时候，这个图标就出现在浏览器地址栏前面，好像一个网站的头像。如图2，126邮箱的网站头像Favicon.ico。

现在主流浏览器都支持这个功能，比如Internet Explorer 5/6+，Netscape 6+ or other Mozilla 1+ based browser（Firefox，Opera）等，但是具有讽刺意味的是IE需要添加到收藏夹后才能有这个功能，并且还有意外，而其他主流浏览器则很友好的支持。

网站为什么要有Favicon.ico？

1. Favicon.ico代表一个网站的头像，出现在浏览器的地址栏上，能够让网站具有更强的形象化能力，让访问者记住他，为下一次访问提供潜在可能。所以MSN、YAHOO、SINA、SOHU、TOM等知名网站无一例外的增加了网站头像，从查找到的资料看网易以前也有网站头像，但是目前这个版本没有。
2. Favicon.ico能够网页在收藏夹（图1）中，或者是多窗口浏览器中（图3）醒目，并使浏览者很容易找到该网站。从WWW服务器日志中，可以大略了解有多少人加了浏览器收藏夹。
3. 浏览器会自动发请求给WWW服务器，如果没有Favicon，WWW服务器端会汇报404错误，并写入日志，增大服务器的负担。而一个16×16px的Favicon.ico非常小，虽然在浏览的时候占用一定的带宽，但是整体而言非常小，并且能够解决服务器的404错误，所以有还是比没有好。

你知道没有Favicon.ico是哪个网站吗？

如何设置Favicon.ico?

1. 16色16×16px大小的Favicon.ico可以直接放到服务器根目录下，浏览器自动搜寻。目前YAHOO、SINA、SOHU、TOM等都采用这种方式。
2. 不符合上述标准的，比如32×32px或者是gif的网站头像都需要在HTML代码中加上类似的代码，强制执行。不知道MSN的Favicon.ico是否符合第一条标准，但是加上类似上面的这句代码。
3. 有的服务器空间不允许放置ico文件，还可以通过添加http://www.yourdomain/someFolder/favicon.ico” type=”image/x-icon” />的方式实现。

如何制作Favicon.ico？

1. 可以通过Microangelo或者其他专门制作的ICON软件制作，但是颜色最好在16色以内。
2. 利用专门的ICON在线生成器，如http://www.chami.com/html-kit/services/favicon/或者http://www.html-kit.com/favicon/，你输入你制作的图片，生成标准的16色的16×16px和32×32的ICON。

了解更多可以访问：

• http://www.thesitewizard.com/archive/favicon.shtml
• http://www.favicon.com/

ps: [2005-8-1]3、浏览器会自动发请求给WWW服务器，如果没有Favicon，WWW服务器端会汇报404错误，并写入日志，增大服务器的负担。这个“增大服务器的负担”说法错误，通过浏览器找到相关的文件，都会写出一条日志，只不过找到了报200、304，找不到会报404。

参考：

• [1] http://www.chami.com/html-kit/services/favicon/
• [2] http://www.chedong.com/blog/archives/000751.html

标签：favicon, 浏览器

作者：秦歌，时间:2005-07-26 23:52，归纳于：UX & Usability，订阅：RSS 2.0，引用：Trackback

« 从未出家门超过48小时说起

中华流传十大吉祥图解 »