给你的网站加上图标

网站图标，老早就有的小玩意了，今天突然发现灰太狼的窝还没有个图标呢，看看IE和Firefox里面光秃秃的地址栏和标签栏，实在是太生硬了，给自己的网站加上图标吧。

上网查了下资料，发现要给网站加上个小图标是很容易的事情，而且方式很多，下面都给大家介绍下。

前提条件：

你要自己做个图标，当然去Google搜索能搜到许多好看的图标，你完全可以拿下来用，相信没人会那么小气吧。哈哈。给大家个快速链接，大家慢慢找，可不要跟灰太狼用重复了啊。

找到想要的图标后，就是要把图片改成网站图标特殊的格式，其实也不算是特殊，就是一张16*16的ico格式的文件，文件名字必须修改成favicon.ico。如果你有ps当然很容易了，如果没有也没关系，灰太狼这里给你推荐一个在线转换的地址，你可以到http://www.html-kit.com/favicon/ 去把你喜欢的图标转化成网站图标的标准格式。

然后你有2种方法可以选择。

最简单的方式：

把你制作的favicon.ico文件上传的网站的根目录。没错，就这样做就ok了，够简单吧。

第二种方法：

在你上传favicon.ico文件到你的网站根目录后，还要在你的网页文件的header位置添加如下代码: <link rel=”shortcut icon” href=”favicon.ico” /> 注意引号用英文的。

在Firefox下还支持动态的gif图标，也就是说可以在firefox的地址栏看到你的小动画。

<link rel=”shortcut icon” href=”favicon.ico” />
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” />

这种方法的好处是你可以针对不同的页面应用不同的图标，我就不多说了。

做完以上工作，刷新你的浏览器，看看自己的图标效果吧。

什么？没有效果，忘记说了，这是因为浏览器缓存问题，清下缓存重新访问看看，我们的网站图标出来了吧！