笔记 by 车东

网站头像: favicon.ico

· 技术笔记|Tech Notes

很多人问过我:你的网站在地址栏中的那个图标是怎么弄出来的? 这个文件就是在WEB根目录下的favicon.ico文件: http://www.example.com/favicon.ico

很多门户网站都有这个文件。 我觉得它的作用和MSN中的人物头像类似,可以称作“网站头像”吧。

Favicon以前只是在IE收藏时会用到,但现在很多多窗口的浏览器都支持,比如我使用的AvantBrowser: favicon_ab.png

目前很流行的FireFox: favicon-firefox.png

Favicon可以方便用户在很多窗口的时候快速定位到他需要的那个TAB:人对图像的识别速度还是比抽象的文字还是要快很多。

favicon.ico文件生成还是有些难度的:它不是标准的位图文件,需要用专门的favicon编辑器生成。我很喜欢的一个在线favicon生成器服务:直接上传你喜欢的图片,直接生成16*16像素的favicon.ico文件,还有在线预览功能。

在RSS应用中,目前支持favicon的应用也越来越多了:比如我用的Lilina: favicon-rss-tools.png

希望有更多的网站都能增加上这个功能。

补充: 可以在页面的HTML Header中增加: 强制要求浏览器请求这个图片。

💬 历史评论

以下 14 条评论从旧版 Movable Type 博客迁移而来。 原始评论时间:2002–2016 年。

我爱妞妞 · 2005-04-17 18:29

一般来说,都是在head里直接加,但我发现你的页面里面好像不是用的这个方式,你是怎么做的呢?

回复:我爱妞妞 的确可以在HTML页面的Header中增加:

强制要求浏览器请求这个图片,不过大部分新的浏览器已经支持缺省这么做了。 我是在服务器的跟目录下部署了那个文件:http://www.chedong.com/favicon.ico


dvcoldge · 2005-04-17 19:31

用 office picture manager 改变图片尺寸为16*16的,然后用画图打开并直接保存为24位图,文件后加.ico即可。

回复:dvcoldge 谢谢你的小窍门,我以后试试。


Ccming · 2005-04-18 10:31

我的blog有这个东西,可是我的rss订阅没有,在rss里面怎么加?

回复:Ccming favicon不是在RSS中增加的:需要相应软件中支持向服务器端取这个文件


hao · 2005-04-24 09:34

我添加了favicon.ico还是不行, 语句也添加了还是不行,是不是吧!后面改为??

没成功


guoshuang · 2005-04-25 10:02

补充几点: 1.IE 会自动发请求给www服务器,所以favicon.ico直接丢到站点根目录即可(如果是16色16x16大小的话)。 2.也可以是*.gif的格式。只要不是16色16x16大小的ico,都必须写上这句

3.没有这个 favicon,WWW服务器端会汇报404错误。 4.从WWW服务器日志中,可以大略了解有多少人加了浏览器收藏夹。 http://blog.guoshuang.com/david/showlog.asp?cat_id=31&log_id=839


vanvan · 2005-05-14 18:08

多谢车东!按照您的法子,终于做好了自己的小icon。:)

回复:Vanvan 很奇怪,你的URL http://userpage.fu-berlin.de/~wanchen/ 我打不开了?能看到源代码……

oh 好像是文件头上的 xml:lang=“en” lang=“en” 出了问题,去掉吧。


shunz · 2005-05-19 21:15

请教chedong: 为什么我的rss feed在bloglines里订阅后没有favicon? 在浏览器和bookmarks里都没问题了,我也看过你的rss,没发现有什么特别的地方,为什么你的rss feed就有favicon呢?


多谢! · 2006-07-07 22:33

提供那个在线生成器很方便!


itutu · 2006-07-08 10:00

多谢,我终于也有了自己的icon,实在是不容易


东 · 2006-11-25 14:35

为什么我加了 还不好使啊 我用的IE7.0 别的网站的都能够看到

自己的却看不到

是不是服务器设置有问题啊? 请教!~


qiuqiu · 2007-07-05 11:33

请教东东:生成了的ICO图标,是放在哪里的?我看别人能用这个ICO图标更换硬盘的图标呢,要怎么设置?? 帮帮我!!


uno · 2007-09-14 12:24

怎么让图标在收藏夹和标签上显示透明,就是不现实白底,

就像Gmail的icon一样,

上传透明的不带白底的PNG,制作出来的favicon,到了收藏夹里是有白底露出来


求救!!!!! · 2008-02-20 01:19

我在网站目录根上传了favicon.cio了,可是还是显示不出来… 究竟是怎么做的?? 请教…. 有心人,请把教程和联系方式发到邮箱:cb.vip@qq.com 谢谢!!!


秀才 · 2008-12-17 14:09

车东兄,用在BLOGbus里怎么写代码阿