Favicon 与应用图标要求
为浏览器和平台选择合适的图标尺寸、格式、透明度和 HTML 声明方式。
继续了解 Favicon 与 App Icon 工具包, 调整图片尺寸 · 参考
一张源图，多个目标
浏览器 Favicon 通常需要 16、32、48 像素等小尺寸。主屏幕和平台图标使用更大的方形 PNG，具体常见尺寸取决于目标，通常包括 180、192 或 512 像素。
ICO 可以包含多个图像帧。提供多个尺寸后，浏览器可以选择合适的版本，避免所有场景都放大一张小图。
检查输出
- 使用方形源图，并确保在 16 像素时仍有足够对比度。
- 透明边缘应当有意设计，并在浅色和深色背景上分别检查。
- 针对目标使用正确的文件名、MIME 类型和 link relation 声明图标。
参考资料
相关工具
- Favicon 与 App Icon 工具包在本地生成指定尺寸的 PNG 应用图标和有效的多帧 favicon.ico。
- 调整图片尺寸在浏览器本地批量调整图片尺寸，并按需保持原始比例。