favicon - 网站图标必须为 32×32 或 16×16 吗？

Question

我想使用单个图像作为常规图标和 iPhone/iPad 友好图标。

这可能吗？如果作为常规浏览器图标链接，iPad 友好的 72×72 PNG 会缩放吗？或者我是否必须使用单独的 16×16 或 32×32 图像？

Answer 1

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

<小时/>

对于 IE，Microsoft recommends 16x16, 32x32 and 48x48 packed in the favicon.ico file .

对于 iOS，Apple recommends specific file names and resolutions ，对于运行 iOS 8 的最新设备，最多为 180x180。

Android Chrome primarily uses a manifest and also relies on the Apple touch icon.

IE 10 on Windows 8.0 requires PNG pictures and a background color和 IE 11 on Windows 8.1 and 10 accepts several PNG pictures declared in a dedicated XML file called browserconfig.xml .

Safari for Mac OS X El Capitan introduces an SVG icon for pinned tabs .

其他一些平台会查找具有各种分辨率的 PNG 文件，例如 96x96 picture for Google TV或228x228 picture for Opera Coast .

看看这个favicon pictures list以获得完整的引用。

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