网站favicon.ico图标的存在使得网站更加美观和个性化，比如Google的这个“G”的样式。从特定的技术角度看，favicon也并不只是仅仅让网站给人更专业的观感，也可以在一定程度上减轻服务器的流量带宽占用。

favicon.ico是Favorites Icon的缩写，其作用不但可以让浏览器的收藏夹中除显示相应的标题外，还可以以图标的方式区别不同的网站。该图标根据浏览器的不同，显示出来的内容也有所区别：在大多数主流浏览器如FireFox和Internet Explorer（IE浏览器）中，favicon.ico图标不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳该图标到桌面以建立到网站的快捷方式；另外FireFox还支持动画格式的favicon图标，比如本站的这个效果。

那么有人要问，怎么制作favicon.ico图标？很实用网站告诉大家两个站点：

• http://www.html-kit.com/favicon：一款很专业的favicon.ico图标制作网站，很实用网站的该图标就得益于该站点的服务。首先需要预先制作好一张图片，然后将图片上传到该站点后制作，成功后下载到本地，解压后上传，并且按照里面的说明代码添加到相应文件（一般是站点首页），大功告成！

• http://www.bitbug.net：如果觉得前者的英文网站用起来不熟悉，那么可以使用这个站点的服务了。制作的过程与前者类似。

此处很实用网站建议大家首先选择前者的服务，因为该站点制作出来的favicon.ico图标本身就包含了16x16和32x32两种尺寸，因此会根据实际情况有选择地表现；而后者，只能单一地选择其中一种，实际上48x48的基本上用不着。

网站文件添加favicon.ico的代码形式为：

<link rel="shortcut icon" href="favicon.ico" >

<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

另外，可以通过这个链接检测站点上的favicon.ico图标是否正确http://www.htmlkit.com/go/favicon/validator