网站图标·应用图标生成器 (PNG·ICO·manifest)

用一张 logo 图片或一两个字符一次生成完整的网站图标和应用图标集。上线新网站或制作可添加到主屏幕的应用时，可一次下载 16 到 512 px 的全部尺寸、favicon.ico、apple-touch-icon 和 manifest。

使用方法

1. 在“制作方式”中选择“用文字”或“用图片”。在“文字”中输入 1～2 个字符，或拖入图片文件，或点击“载入示例”。
2. 调整“背景形状”“背景颜色”和“内边距”，预览会立即更新。图片还可以使用“透明背景”。
3. “应用或网站名称”和“简称”会写入 site.webmanifest。如需 Android 版本，打开“同时生成可遮罩图标”。
4. 点击“保存为 zip”，把文件上传到网站根目录，然后把“HTML head 代码片段”复制到 head 元素中。

计算方式与说明

• 先绘制 512 px 原图，再逐级减半缩小为 16、32、48、180、192 和 512 px 的 PNG，这样细线在小尺寸下仍然清晰。
• favicon.ico 在 ICO 容器中包含 16、32 和 48 px 三张 PNG；现代浏览器可直接读取 ICO 内的 PNG 数据。
• 可遮罩图标把内容放在中央 80% 的安全区内，Android 裁成圆形或圆角方形时不会截掉内容。
• 图片和文字只在本浏览器中处理，不会上传。设置会保留在本浏览器中供下次使用。

常见问题

网站图标应该做多大？

浏览器标签页用 16 和 32 px，快捷方式用 48 px，iPhone 主屏幕用 180 px，Android 和 PWA 安装用 192 和 512 px。本页一次生成全部六种。

还需要 .ico 文件吗？

对旧浏览器和自动请求 /favicon.ico 的客户端有帮助。同时也包含 PNG 链接，所以现代浏览器会优先使用 PNG 文件。

文字图标使用什么字体？

使用你设备上安装的系统字体，按你选择的字体类型。在其他设备上，同一类型可能用不同字体绘制。

图标可以是透明背景吗？

图片可以：打开“透明背景”后 PNG 背景留空。文字图标始终带有背景颜色。