Web 应用程序清单指南
Web 应用程序清单 (site.webmanifest) 告诉可安装浏览器您的应用程序名称、颜色以及在主屏幕上使用的图标大小。将其与 192×192 和 512×512 PNG 图标配对，形成完整的 PWA 图标设置。
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
使用 <link rel="manifest" href="/site.webmanifest"> 链接清单。在 JSON 内部，图标数组必须包含至少 192×192 和 512×512 条目，类型为 image/png，用途为any（如果需要，为 Android 自适应图标添加可屏蔽变体）。
设置 theme_color 和 background_color 以匹配您的品牌 - 它们在安装过程中控制浏览器镶边和启动屏幕。
工作原理
- 1
生成图标 PNGs
192 和 512 来自我们的图标生成器包。
- 2
创建 site.webmanifest
包括名称、短名称、图标、主题颜色、显示。
- 3
HTML 中的链接
<link rel="manifest" href="/site.webmanifest"> 加上主题颜色元。
立即尝试
生成PWA图标包
Favicon 生成器常见问题
基本网站是否需要清单？+
否 - 仅当您想要安装到主屏幕或更丰富的 Android chrome 时。 Favicon.ico 单独适用于选项卡。
清单中的图标大小是多少？+
安装提示需要 192×192 和 512×512。添加 384 或可屏蔽图标进行润色。
我可以在清单中使用 SVG 吗？+
Chromium 在某些情况下支持 SVG，但 PNG 是跨浏览器安装 UI 的安全默认值。