URL前面的图标-网站头像Favicon
文章作者：Slyar 文章来源：Slyar Home (www.slyar.com) 转载请注明，谢谢合作。
突然发现还有很多人不知道网站地址前面的图标是怎么弄的，感觉很奇怪，不过想想也是，我们几年前不也不知道么，只不过我们早生下来几年，提前知道罢了。。。
好了，现在我们来说这个URL前面的图标，它叫Favicon，即Favorites Icon的缩写，中文名称是网站头像。那一推废话我就不说了，只是告诉大家，这个Favicon一般都是静态的，也就是不动的，而Firefox却支持动态的Favicon，这是一大区别；第二是Favicon的大小有两种，一个是32×32像素，另一个为16 ×16像素，我们一般在URL里看到的都是16 ×16像素的，而你如果把那个图标拖动到桌面当快捷方式，就会用到32×32像素的了，不过这个我们一般不常用。
好了，知道Favicon是什么，我们就可以来制作它了，Favicon文件的后缀名为"ico"，我们需要特别的工具来制作它，这里我提供一个在线生成Favicon的网站，你可以把你想要的的图片扔到上面去，然后让它在线生成，然后下载，你只需要把那个16 ×16像素的图片保存成Favicon.ico就可以了。点击进入在线生成Favicon.ico
那么有了Favicon.ico该怎么使用呢？很简单，你只需要把Favicon.ico上传到网站的根目录，这样整个站点的URL前面都会出现这个图标，是不是很简单？
如果您需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，那就需要在网页Html文件中做设定了，具体设置也很简单，在Html源代码中的<head>部分加入如下的代码：
<link rel="icon" href="/slyar/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/slyar/favicon.ico" type="image/x-icon">
其中的内容自己修改就可以了。
其实对Firefox来说，什么格式都没问题，不管是GIF/JPG/PNG都能显示。
不过，IE(7)对PNG一点兴趣也没有，而Opera(9.5)则不知道image/vnd.microsoft.icon是个什么东西。
解决方法就是两种格式都用上……
当然这是对于在<head />中用<link rel="" />来实现图标的方法。
这样的话不一定要叫favicon.ico，也可以叫别的什么。
听说还有人往图标里塞进了一个用JavaScript控制的俄罗斯方块游戏……
恩，我的网址ico在Ie7下看不到，但是在maxthon下可以看到了。
但是你的网站的ico，我用ie7浏览也可以看到啊。
这是为什么列。
Slyar 回复:
八月 20th, 2008 at 22:10
恩，这样啊，你在IE7下直接访问ico，然后再看网站能否显示ico。
你好。我做了个ico，将favicon.ico上传到了根目录，为什么访问博客时还是没有显示呢。
我的博客地址是：http://xxx.net，但博客目录是http://xxx.net/wordpress，即我的wp文件是放在/public_html/wordpress下的，这样的情况public_html是根目录吧，是把favicon.ico放在public_html下吗？
那为什么地址前还是没相应图标显示呢？
呵呵。我刚接触wp，对计算机网络的东西不是很懂，见笑了。希望你指教。
Slyar 回复:
八月 20th, 2008 at 21:47
恩，位置是放对了。
你的浏览器是什么？你看我的站有图标么？
还有是你的favicon.ico大小是多少？
好久没有来我的友链逛逛了，发展的不错。最近在构思做一个中文的链接交易的平台，现在正在开发阶段，到时候要支持支持。
Slyar 回复:
八月 16th, 2008 at 21:52
做链接交易容易被K。。。
老早就准备做个Favicon了，现在决定做一个。
Slyar 回复:
八月 16th, 2008 at 14:20
这东西在FF下看着舒服，IE下不行。。。