网站头像: favicon.ico


很多人问过我:你的网站在地址栏中的那个图标是怎么弄出来的?
这个文件就是在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中增加:<link rel="Shortcut Icon" href="favicon.ico"> 强制要求浏览器请求这个图片。

作者:车东 发表于:2005-04-17 00:04 最后更新于:2007-04-15 19:04
版权声明:可以转载,转载时请务必以超链接形式标明文章 的原始出处和作者信息及本版权声明

引用通告

以下是前来引用的链接: 网站头像: favicon.ico:

» 发布favicon集 来自 弛哥的视点2.0

第一步:收集我所喜爱的网站favicon(mini-logo),“这个文件就是在WEB根目录下的favicon.ico文件:http://www.example.com/favicon.ico”
如果有些网站没有这个,你可以自己PS一个,然后“用 office picture manager 改变图片尺寸为16*16的,然后用画图打开并直接保存为24位图,文件后加.ico即可”画图功能有作用了。

[阅读更多细节]

Comments

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

回复:我爱妞妞
的确可以在HTML页面的Header中增加:
<link rel="Shortcut Icon" href="favicon.ico">
强制要求浏览器请求这个图片,不过大部分新的浏览器已经支持缺省这么做了。
我是在服务器的跟目录下部署了那个文件:http://www.chedong.com/favicon.ico

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

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

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

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

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


没成功

补充几点:
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

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

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

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

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

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

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

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

自己的却看不到

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

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

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

就像Gmail的icon一样,

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

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

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

发表一个评论

(如果你此前从未在此 Blog 上发表过评论,则你的评论必须在 Blog 主人验证后才能显示,请你耐心等候。)

相关文章

关于

此页面包含了发表于2005年04月17日 夜间12时09分的 Blog 上的单篇日记。

此 Blog 的前一篇日记是 TraCQ:缩短电子商务的最后一公里

此 Blog 的后一篇日记是 GMail的中文界面

更多信息可在 主索引 页和 归档 页看到。

Creative Commons License
此 Blog 中的日记遵循以下授权 Creative Commons(创作共用)授权.
Powered by
Movable Type 3.36