浏览北街博客的时候,您会发现在IE地址栏前会有个像大写字母“A”的图标,这就是Favorites Icon,简称Favicon。它不但可以让浏览器的收藏夹中除显示相应的标题外,还能以图标的方式区别不同的网站。
当然,上面所介绍不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别。在大多数主流浏览器如FireFox和Internet Explorer(5.5及以上版本)中,Favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳Favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的Favicon。
从特定的技术角度看,Favicon不仅仅能让网站给人更专业的观感,还可以在一定程度上减轻服务器的流量带宽占用。
如何制作Favicon.ico?制作Favicon.ico的方法相当简单,这里推荐两种方法:
方法1. 下载制作ico的软件,利用ico制作工具创建1个反映网站主题的256色的小图片:可以是32×32像素或16×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
方法2. 通过在线制作Favicon的网站来制作,推荐在线生成favicon.ico地址:http://www.html-kit.com/favicon/
如何在网页中使用favicon.ico?
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:
<link rel="shortcut icon" href="favicon.ico" >
Firefox还支持GIF动画格式的Favicon,首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif">


呃,以前也想弄,但是后来发现不会弄那个.ico的文件,也就作罢了,嘿嘿,再研究研究
我可以教你!
你上面说要弄两个图标,一个32*32的。一个是16*16的。请问两个图标都改成Favicon.ico这个名字的吗?你没有说明呀。。。唉。。。
@shawn
放在你的wp的根目录就可以了!
恩,不错,我也刚给我的站加上没多久,不过打算找人设计个漂亮点,有个性的,博主的是自己设计的吗?
@shawn 你的首页在那里就放那里~
呵呵,复习一下,好的ICON也是吸引访问者的方法 ~
嘿嘿··这个好弄···
这个A好YD啊···
以前想弄来着,一直没相好图标的设计
@junjun 嗯,其实设计出自己喜欢的比较难。
@AA牌熊仔饼 嘿嘿,被你发现了!
@evlos 我觉得你那个“月亮”已经很不错了!^_^
@阿正 我这个是无意中想到的,O(∩_∩)O哈哈~
我的Favicon是随便找的。
可能是我的主题的缘故,我直接上传到根目录,就搞定了~
我的是一只小米老鼠。
哦 你到给我提了醒,我把我的图标搞丢了,等会还的弄一个~
——————
祝你圣诞快乐,新年快乐,天天快乐 ^_^~
祝你圣诞快乐,新年快乐
我的英文博客也得弄一个ICO文件了
为什么我的显示不出来呢?
郁闷啊!
@秦大少 能显示啊,这边能看到的!跟网页缓存有关系的,看看您的IE设置!
学习了,留名
搞定了,感谢!
我也搞定了,Thanks
搞定 ,谢谢
ico直接扔到根目录里就可以了
真想找这个有个性的图标的文章,一个网站给人第一印象就是图标的设计好坏,花些时间也是很有价值的,同时,博主推荐的在线生成图标的网站,之前曾想写介绍这方面网站 的文章,但现在都不能访问他们的网站了
我没搞定那,试了好几个博主提供的代码就是不行,现在用的插件实现的。可不可以教教我。我用的CPANEL面板。