浏览北街博客的时候，您会发现在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">
学习了，留名
搞定了，感谢！
我也搞定了，Thanks
搞定 ，谢谢
ico直接扔到根目录里就可以了
真想找这个有个性的图标的文章，一个网站给人第一印象就是图标的设计好坏，花些时间也是很有价值的，同时，博主推荐的在线生成图标的网站，之前曾想写介绍这方面网站 的文章，但现在都不能访问他们的网站了
我没搞定那，试了好几个博主提供的代码就是不行，现在用的插件实现的。可不可以教教我。我用的CPANEL面板。
用了你的方法 还是搞不定啊！！！
@hemingway 你清空缓存了么？
@@xbaihao 按照我的文章说明，还是实现不了么？
@分红china 其实生成favicon图标的网站挺多的~百度一下你就知道~呵呵