除了PNG是一种更常见的图像格式之外,还有什么技术上的原因让我们更喜欢favicon.png而不是favicon.ico吗?

我支持所有支持PNG收藏图标的现代浏览器。


当前回答

PNG有两个优点:它的尺寸更小,它的使用和支持更广泛(favicons除外)。 如前所述,ICO可以有多个大小的图标,这对桌面应用程序很有用,但对网站来说并不太多。 我建议你把favicon.ico放在应用程序的根目录中。一个如果你有访问你的网站页面的头部使用标签指向一个png文件。 旧的浏览器会显示favicon.ico,新浏览器显示png。

要创建Png和图标文件,我建议使用Gimp。

其他回答

一些社交工具,如谷歌+使用一个简单的方法来获取外部链接的图标,抓取 http://your.domainname.com/favicon.ico

因为它们不预取HTML内容,<link>标记将不起作用。在这种情况下,您可能希望使用mod_rewrite规则,或者只是将文件放置在默认位置。

.png文件很好,但是.ico文件也提供alpha通道的透明度,而且它们还提供向后兼容性。

看看StackOverflow使用的是哪种类型(注意它是透明的):

<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico"> 
<link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png">

apple-itouch是为iphone用户设计的一个网站快捷方式。

答案被替换了(并变成了社区维基),因为在这个帖子中有许多其他人的更新和注释:

ico和png都允许完全基于alpha通道的透明度 ICO允许向后兼容旧浏览器(例如IE6) PNG可能对透明度有更广泛的工具支持,但你也可以找到创建alpha通道ico的工具,比如@mercator提到的Dynamic Drive工具和Photoshop插件。

请在这里咨询其他答案以了解更多细节。

PNG有两个优点:它的尺寸更小,它的使用和支持更广泛(favicons除外)。 如前所述,ICO可以有多个大小的图标,这对桌面应用程序很有用,但对网站来说并不太多。 我建议你把favicon.ico放在应用程序的根目录中。一个如果你有访问你的网站页面的头部使用标签指向一个png文件。 旧的浏览器会显示favicon.ico,新浏览器显示png。

要创建Png和图标文件,我建议使用Gimp。

ico可以是png。

更准确地说,你可以在这个最小的容器格式中存储一个或多个png,而不是通常的位图+alpha,每个人都强烈地与ico关联。

Support已经很老了,出现在Windows Vista(2007)中,浏览器也很支持它,不过图标编辑软件不一定支持它。

任何有效的png(包括头)都可以以一个6字节的ico头和16字节的图像目录作为前缀。 GIMP具有本机支持。只需导出为ico,并勾选“压缩(PNG)”。