网站图标是否必须为32x32或16x16? [英] Does a favicon have to be 32x32 or 16x16?
问题描述
我想使用单个图像作为常规图标和iPhone/iPad友好图标.
这可能吗?如果将iPad友好的72x72 PNG缩放为常规浏览器图标，是否会缩放?还是我必须使用单独的16x16或32x32图像?
2020年的更新:坚持16x16与32x32图标的原始问题:当前建议应提供32x32图标，完全跳过16x16.当前所有的浏览器和设备都支持32x32图标.根据环境的不同，该图标通常会放大到192x192(假设没有更大的尺寸可用，或者系统无法识别它们).从超低分辨率进行升级具有显着效果，因此最好将32x32保持为最小基准.
对于IE， Apple建议使用特定的文件名和分辨率，对于运行iOS 8的最新设备，最大为180x180.
Android Chrome浏览器主要使用清单，也依赖于Apple touch图标.
IE 10在Windows 8.0上，需要PNG图片和背景色和适用于Mac OS X的Safari浏览器El Capitan引入了用于固定标签的SVG图标.
其他一些平台会寻找具有各种分辨率的PNG文件，例如 96x96图片用于Google TV 或用于Opera Coast的228x228图片.
请查看此收藏夹图片列表以获得完整参考.
TLDR:此网站图标生成器可以一次生成所有这些文件.还可以作为 WordPress插件来实现.完全披露:我是该网站的作者.
I'd like to use a single image as both a regular favicon and iPhone/iPad friendly favicon.
Is this possible? Would an iPad-friendly 72x72 PNG scale if linked to as a regular browser favicon? Or do I have to use a separate 16x16 or 32x32 image?
Update for 2020: Sticking to the original question of 16x16 versus 32x32 icons: the current recommendation should be to provide a 32x32 icon, skipping 16x16 entirely. All current browsers and devices support 32x32 icons. The icon will routinely be upscaled to as much as 192x192 depending on the environment (assuming there are no larger sizes available or the system didn't recognize them). Upscaling from ultra low resolution has a noticeable effect so better stick to 32x32 as the smallest baseline.
For IE, Microsoft recommends 16x16, 32x32 and 48x48 packed in the favicon.ico file.
For iOS, Apple recommends specific file names and resolutions, at most 180x180 for latest devices running iOS 8.
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 and 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.
Some other platforms look for PNG files with various resolutions, like the 96x96 picture for Google TV or the 228x228 picture for Opera Coast.
Look at this favicon pictures list for a complete reference.
TLDR: This favicon generator can generate all these files at once. The generator can also be implemented as a WordPress plugin. Full disclosure: I am the author of this site.
这篇关于网站图标是否必须为32x32或16x16?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
