很多人问过我:你的网站在地址栏中的那个图标是怎么弄出来的?
这个文件就是在WEB根目录下的favicon.ico文件:
http://www.example.com/favicon.ico
很多门户网站都有这个文件。
我觉得它的作用和MSN中的人物头像类似,可以称作“网站头像”吧。
Favicon以前只是在IE收藏时会用到,但现在很多多窗口的浏览器都支持,比如我使用的AvantBrowser:
目前很流行的FireFox:
Favicon可以方便用户在很多窗口的时候快速定位到他需要的那个TAB:人对图像的识别速度还是比抽象的文字还是要快很多。
favicon.ico文件生成还是有些难度的:它不是标准的位图文件,需要用专门的favicon编辑器生成。我很喜欢的一个在线favicon生成器服务:直接上传你喜欢的图片,直接生成16*16像素的favicon.ico文件,还有在线预览功能。
在RSS应用中,目前支持favicon的应用也越来越多了:比如我用的Lilina:
希望有更多的网站都能增加上这个功能。
补充:
可以在页面的HTML Header中增加:<link rel="Shortcut Icon" href="favicon.ico"> 强制要求浏览器请求这个图片。
版权声明:可以转载,转载时请务必以超链接形式标明文章 网站头像: favicon.ico 的原始出处和作者信息及本版权声明。
http://www.chedong.com/blog/archives/000751.html
Comments
一般来说,都是在head里直接加,但我发现你的页面里面好像不是用的这个方式,你是怎么做的呢?
回复:我爱妞妞
的确可以在HTML页面的Header中增加:
<link rel="Shortcut Icon" href="favicon.ico">
强制要求浏览器请求这个图片,不过大部分新的浏览器已经支持缺省这么做了。
我是在服务器的跟目录下部署了那个文件:http://www.chedong.com/favicon.ico
由: 我爱妞妞 发表于 2005年04月17日 下午06时29分
用 office picture manager 改变图片尺寸为16*16的,然后用画图打开并直接保存为24位图,文件后加.ico即可。
回复:dvcoldge
谢谢你的小窍门,我以后试试。
由: dvcoldge 发表于 2005年04月17日 傍晚07时31分
我的blog有这个东西,可是我的rss订阅没有,在rss里面怎么加?
回复:Ccming
favicon不是在RSS中增加的:需要相应软件中支持向服务器端取这个文件
由: Ccming 发表于 2005年04月18日 上午10时31分
我添加了favicon.ico还是不行,
语句也添加了还是不行,是不是吧!后面改为??
没成功
由: hao 发表于 2005年04月24日 上午09时34分
补充几点:
1.IE 会自动发请求给www服务器,所以favicon.ico直接丢到站点根目录即可(如果是16色16x16大小的话)。
2.也可以是*.gif的格式。只要不是16色16x16大小的ico,都必须写上这句
<link rel="shortcut icon" href="ofavi.gif" type="image/x-icon" />
3.没有这个 favicon,WWW服务器端会汇报404错误。
4.从WWW服务器日志中,可以大略了解有多少人加了浏览器收藏夹。
http://blog.guoshuang.com/david/showlog.asp?cat_id=31&log_id=839
由: guoshuang 发表于 2005年04月25日 上午10时02分
多谢车东!按照您的法子,终于做好了自己的小icon。:)
回复:Vanvan
很奇怪,你的URL http://userpage.fu-berlin.de/~wanchen/
我打不开了?能看到源代码……
oh 好像是文件头上的 xml:lang="en" lang="en" 出了问题,去掉吧。
由: vanvan 发表于 2005年05月14日 下午06时08分
请教chedong:
为什么我的rss feed在bloglines里订阅后没有favicon?
在浏览器和bookmarks里都没问题了,我也看过你的rss,没发现有什么特别的地方,为什么你的rss feed就有favicon呢?
由: shunz 发表于 2005年05月19日 晚上09时15分
提供那个在线生成器很方便!
由: 多谢! 发表于 2006年07月07日 晚上10时33分
多谢,我终于也有了自己的icon,实在是不容易
由: itutu 发表于 2006年07月08日 上午10时00分
为什么我加了 还不好使啊
我用的IE7.0
别的网站的都能够看到
自己的却看不到
是不是服务器设置有问题啊?
请教!~
由: 东 发表于 2006年11月25日 下午02时35分
请教东东:生成了的ICO图标,是放在哪里的?我看别人能用这个ICO图标更换硬盘的图标呢,要怎么设置??
帮帮我!!
由: qiuqiu 发表于 2007年07月05日 上午11时33分
怎么让图标在收藏夹和标签上显示透明,就是不现实白底,
就像Gmail的icon一样,
上传透明的不带白底的PNG,制作出来的favicon,到了收藏夹里是有白底露出来
由: uno 发表于 2007年09月14日 下午12时24分
我在网站目录根上传了favicon.cio了,可是还是显示不出来...
究竟是怎么做的??
请教....
有心人,请把教程和联系方式发到邮箱:cb.vip@qq.com 谢谢!!!
由: 求救!!!!! 发表于 2008年02月20日 夜间01时19分
车东兄,用在BLOGbus里怎么写代码阿
由: 秀才 发表于 2008年12月17日 下午02时09分