生成 Favicon 与 PWA 图标尺寸

从一张已审阅源图生成数量受限的常规方形 PNG favicon、PWA 图标尺寸以及 ICO 文件包。

适用场景

适合用带安全留白和透明边缘的简单方形标志,准备常见浏览器标签、快捷方式、安装与启动器素材。

本地处理原理

浏览器验证并解码一张源图,以一致方式适配到文档列出的透明方形画布尺寸,编码各 PNG,把所选小尺寸打包为 ICO 目录条目,并在 ZIP 中附带 manifest 片段和文件清单。

使用方法

  1. 准备源文件和限制: 保留未改动的源文件,并检查受支持格式、尺寸、帧数或页数预算以及输出选项。 适合用带安全留白和透明边缘的简单方形标志,准备常见浏览器标签、快捷方式、安装与启动器素材。
  2. 执行本地处理任务: 仅在当前浏览器中执行已说明的受限操作;解码器报告不支持结构时应停止。 浏览器验证并解码一张源图,以一致方式适配到文档列出的透明方形画布尺寸,编码各 PNG,把所选小尺寸打包为 ICO 目录条目,并在 ZIP 中附带 manifest 片段和文件清单。
  3. 下载结果并验证: 在浅色与深色背景上按原生尺寸检查每个 PNG,确认透明留白和 maskable 安全区域,打开 ICO 各条目,在真实站点验证 manifest 路径,清理平台图标缓存,并在目标设备上测试安装和启动。

重要限制

文件包只提供尺寸,不代表平台审核通过,也不是完整站点 manifest。缩放一张母版无法恢复小尺寸细节,某些启动器会扁平化透明像素;maskable PWA 图标需要专门按安全区域设计,ICO 透明度在 PNG Alpha 和旧式掩码之间存在差异,操作系统还可能缓存旧图标。

验证下载结果

在浅色与深色背景上按原生尺寸检查每个 PNG,确认透明留白和 maskable 安全区域,打开 ICO 各条目,在真实站点验证 manifest 路径,清理平台图标缓存,并在目标设备上测试安装和启动。

隐私优先

文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。

常见问题

此工作流程适合哪些情况?

适合用带安全留白和透明边缘的简单方形标志,准备常见浏览器标签、快捷方式、安装与启动器素材。

浏览器中的本地处理具体做什么?

浏览器验证并解码一张源图,以一致方式适配到文档列出的透明方形画布尺寸,编码各 PNG,把所选小尺寸打包为 ICO 目录条目,并在 ZIP 中附带 manifest 片段和文件清单。

哪些格式限制必须特别注意?

文件包只提供尺寸,不代表平台审核通过,也不是完整站点 manifest。缩放一张母版无法恢复小尺寸细节,某些启动器会扁平化透明像素;maskable PWA 图标需要专门按安全区域设计,ICO 透明度在 PNG Alpha 和旧式掩码之间存在差异,操作系统还可能缓存旧图标。

应当怎样验证下载结果?

在浅色与深色背景上按原生尺寸检查每个 PNG,确认透明留白和 maskable 安全区域,打开 ICO 各条目,在真实站点验证 manifest 路径,清理平台图标缓存,并在目标设备上测试安装和启动。

相关工具