PWA 图标生成器
从一张图片生成可安装网页应用所需的图标 —— 192 和 512px 的 PNG 加上 site.webmanifest —— 全部在你的浏览器中完成。
隐私优先：每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。
让应用可被安装的那几个图标
渐进式网页应用能否被安装，一部分要看它的图标：浏览器会先在 web manifest 里找至少一个 192×192 和一个 512×512 的 PNG，才会给出安装提示，或在主屏幕上放一个像样的图标。这个生成器会从你的源图片渲染出这两个尺寸，并写出引用它们的 site.webmanifest，同时附上 iOS 需要的 apple-touch-icon 和普通标签页用的 favicon.ico。
按启动器的规矩来构图
Android 启动器可能会把图标裁成圆形或圆角方形，因此顶到边缘的图形容易被切掉。在这里加上内边距和纯色背景，无论套用哪种遮罩，重要部分都会留在安全区域内；实时预览会呈现每个尺寸下的效果。所有渲染都用 Canvas API 在你的设备上完成 —— 你的 Logo 绝不会被上传 —— 整套文件会打包成一个 zip 下载。
常见问题
- 制作 favicon 时我的图片会被上传吗？
- 不会。favicon.ico、PNG 图标和清单文件全部通过 Canvas API 在你的浏览器中本地生成。你的图片绝不会离开你的设备。
- 我会得到哪些尺寸和文件？
- 一个多分辨率的 favicon.ico（16、32 和 48px），16、32、48、180（apple-touch-icon）、192 和 512px 的 PNG 图标，一个 site.webmanifest，以及一段可粘贴到你 <head> 中的 HTML 代码。
- 我可以把 PNG 或 SVG 转换成 ICO 吗？
- 可以。放入一张 PNG、JPG、SVG 或 WebP，即可下载一个真正的 favicon.ico。SVG Logo 会先在本地以高分辨率栅格化。
- 什么样的图片效果最好？
- 简洁、高对比度的方形 Logo 图片。非方形图片会被居中裁剪以适配；可用内边距和形状控件把它调整成你想要的样子。
- 我该如何安装 favicon？
- 把套件解压到你网站的根目录，并把提供的 HTML 代码粘贴到页面的 <head> 中。大多数浏览器会自动识别 favicon.ico。