今天产品说要给网站加个默认图标，于是乎，星石就复制-黏贴-搞定！突然想，为什么要加这个小图标呢？就是为了好看和凸显品牌吗？于是，上网搜索了一下，终于发现了它另外的用途。下面就把星石的认识向大家做一下介绍。
Favicon，即Favorites Icon，它可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。在主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会出现在地址栏上，这时用户可以拖曳地址前面的favicon图标到桌面以建立到该网站的快捷方式。另外，标签式浏览器还有不少扩展功能，如FireFox支持动画格式的favicon等。
设置favicon的方法是，先制作一个favicon.ico图标，放到网站根目录下，然后在网页的<head></head>中加入<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />，这时，用浏览器打开网页，就能看到图标啦！浏览器调用Favicon的原则是首先在网页所在的目录下寻找favicon.ico文件，如果没有，就到网站的根目录下寻找。如果希望让不同的网页显示不同的favicon，那就要多放几个favicon.ico了。也可以用url地址调用网站的favicon.ico，如<link rel=”shortcut icon” href=”http://www.baidu.com/favicon.ico” type=”image/x-icon” />可以调用百度的favicon.ico。
制作favicon.ico的方法也不复杂，首先，利用图形工具创建2个256色的小图片：1个为32×32像素，另一个为16×16像素。然后使用如Image2Ico之类的软件即可将2张图片转换到一个icon文件中。制作图片时调色板要选用“Windows 默认调色板”，不然，最终显示时颜色可能变化。在浏览器中使用16×16像素的图片已经足够，但是拖曳favicon到桌面建立到网站的快捷方式时，则需要32×32像素的图片进行显示，如果您的favicon.ico中不包括32×32像素的图片，则系统会使用默认的浏览器图标来标注网页，如Internet Explorer的图标。
Favicon功能最早由微软创设，微软公司的Internet Explorer浏览器会对每一个网站都请求favicon。
另外，Firefox还支持GIF(可以是动态图片)和PNG格式的favicon,使用方法是:
制作16×16像素256色gif或png格式的图片，放到网站根目录下，名称可以不是favcion。然后在<head></head>中加入
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”gif_favicon.gif” type=”image/gif” >
或
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”png_favicon.png” type=” image/png” >
这样，在收藏夹、地址栏、标签上显示的是gif或png图片，拖曳到桌面形成快捷方式时显示的是favicon.ico。
原创文章请注明转载于知蚁博客，本文地址：http://www.letuknowit.com/archives/57
好好好好