你在上网时一定会注意到在打开每一个站点时,浏览器的tabs选项卡上都会显示一个小图标,这个图标就是我们所说的favicon。这个favicon也会出现在浏览器的favourites,书签和历史记录列表中。
favicon是一个网站的标志,访问者通过favicon很容易就可以认出当前在访问什么网站。相对于一个响亮的网站名称,一个设计良好的favicon更具有影响力。
favicon当然使越简单越好,但是从1999年以来,随着网页技术的日益发展,在favicon的使用上也有了不同的技术。在所有的浏览器上面,16X16像素的favicon.ico
文件可以为网站提供一个favicon。但是,现在的浏览器还支持不同尺寸和格式的图标。
所有的浏览器都支持.ico
格式的favicons。对于动态图片格式.gif
或.apng
不建议在favicons上使用。其他支持的格式如下表所示:
浏览器 | PNG | JPEG | SVG |
Chrome | 1.0 | ||
IE | No | ||
Firefox | 1.0 | 1.0 | No |
Opera | 7.0 | 7.0 | 9.6 |
Safari | 4.0 | 4.0 | No |
SVG格式是一种非常好的图形格式,它是矢量格式的,可以任意缩放为任何尺寸大小而不会使图形失真。但是从上标中可以看出,Firefox, Safari 和 Internet Explorer目前都不支持这个格式的favicons。同样,如果我们不管IE浏览器的话,png格式的favicons也是一个很好的选择。
对于.ico
格式的favicons,它也具有自己的优势:首先它有大量的浏览器的支持,其次该格式具有不寻常的能力,能够存储多个版本的图标在不同的分辨率在一个单一的.ico
文件中,就像photoshop的层一样。不同的浏览器会.ico
中自动选择不同的版本来使用。