我想将单个图像用作常规图标和 iPhone/iPad 友好图标。
这可能吗?如果链接为常规浏览器图标,iPad 友好的 72×72 PNG 会缩放吗?还是我必须使用单独的 16×16 或 32×32 图片?
最佳答案
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 .全面披露:我是本网站的作者。
关于favicon - 网站图标必须是 32×32 还是 16×16?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2268204/