favicon - 网站图标必须是 32×32 还是 16×16?

标签 favicon

我想将单个图像用作常规图标和 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 colorIE 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 TV228x228 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/

相关文章:

image - 具有许可许可证的应用程序和Web应用程序的优质免费图标/图像的来源?

angular - 如何使 angular cli 允许我使用名称的内容哈希加载图标

reactjs - 为什么网站图标仅显示在根页面中?

java - Java WAR 文件中的 favicon.ico

javascript - 动态更改网站图标

php - Laravel 5.6 图标未显示

html - 图标在任何浏览器中都不起作用

javascript - 如何防止仅针对 favicon 的 HTTP 请求?

favicon.png 与 favicon.ico - 为什么我应该使用 PNG 而不是 ICO?

security - 跨域收藏夹图标是否存在安全风险?