PRACTICAL GUIDE / 2026-09-14

Favicon 常用尺寸与网站配置

Favicon 最重要的是小尺寸辨识度,同时要为浏览器、iOS 和 PWA 准备合适资源。

01

常用资源

  • favicon.ico 用于传统兼容
  • 16×16 和 32×32 用于浏览器标签
  • 180×180 用于 Apple Touch Icon
  • 192×192 和 512×512 用于 PWA
02

小尺寸优先

复杂照片和细线在 16 像素下会消失,优先使用单字、字母或简单几何轮廓,并保持高对比度。

03

更新缓存

部署新图标后浏览器可能继续使用旧缓存,可以修改图标文件名或版本参数并等待重新抓取。