我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。

这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?


当前回答

favicon的格式必须为方形,否则浏览器会拉伸它。不幸的是,Internet Explorer<11不支持.gif或.png文件类型,但仅支持Microsoft的.ico格式。你可以使用一些“favicon生成器”应用程序,如:http://favicon-generator.org/

其他回答

16x16像素,*.ico格式。

2020年更新:坚持16x16与32x32图标的原始问题:当前的建议应该是提供一个32x32的图标,完全跳过16x16。所有当前的浏览器和设备都支持32x32图标。根据环境的不同,图标通常会放大到192x192(假设没有更大的尺寸可用或系统无法识别)。从超低分辨率升级具有明显的效果,因此最好将32x32作为最小基线。


对于IE,Microsoft建议将16x16、32x32和48x48打包在favicon.ico文件中。

对于iOS,苹果建议使用特定的文件名和分辨率,对于运行iOS 8的最新设备,最多为180x180。

Android Chrome主要使用一个清单,也依赖于苹果触摸图标。

Windows 8.0上的IE 10需要PNG图片和背景色,Windows 8.1和10上的IE 11接受在名为browserconfig.XML的专用XML文件中声明的若干PNG图片。

Safari for Mac OS X El Capitan为固定标签引入了SVG图标。

其他一些平台寻找各种分辨率的PNG文件,如谷歌电视的96x96图片或歌剧海岸的228x228图片。

请查看此收藏夹图片列表以获得完整的参考。

TLDR:这个favicon生成器可以一次生成所有这些文件。生成器也可以作为WordPress插件实现。完全披露:我是这个网站的作者。

根据维基百科关于Favicon的文章,Internet Explorer只支持Favicon图标的ICO格式。

我会坚持使用两个不同的图标。

收藏夹图标不必是16x16或32x32。您可以创建一个80x80或100x100的收藏夹图标,只需确保两个值的大小相同,显然不要太大或太小,选择一个合理的大小即可。

所选图像的格式必须为16x16像素或32x32像素,使用8位或24位颜色。的格式图像必须是PNG(W3C标准)、GIF或ICO之一。-如何将传真添加到您的网站-QA@W3C