当前位置主页 > 资料库 > 前端教程 > 了解网站的Favicons

了解网站的Favicons

08-06

你在上网时一定会注意到在打开每一个站点时,浏览器的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中自动选择不同的版本来使用。

Previous:
上一篇:HTML5 Canvas系列教程目录
Next:
下一篇:基本的JavaScript DOM元素管理
返回顶部