软件从业者工具箱

功能说明

上传一张源图（建议使用正方形、分辨率不低于 512×512 的 PNG），工具会在浏览器本地用 Canvas 把它缩放成网站与应用常用的全部图标尺寸，并可导出多尺寸 favicon.ico 与 PWA manifest 片段。整个过程不上传任何文件。

尺寸说明

16 / 32 / 48：浏览器标签页、书签栏、Windows 任务栏使用的传统 favicon 尺寸。

64 / 128 / 256：桌面端高分屏 favicon 与 Chrome 应用图标。

72 / 96 / 144 / 192 / 384 / 512：Android 与 PWA manifest 标准图标尺寸，其中 192 与 512 是 PWA 安装的必备项。

152 / 167 / 180：iOS apple-touch-icon 尺寸，分别对应 iPad、iPad Pro 和 iPhone。

缩放与裁切

等比留白（contain）：完整保留源图内容，不足部分用背景色或透明填充，适合非正方形源图。

等比裁切（cover）：铺满整个方形画布，超出部分被裁掉，适合背景满幅的图。

拉伸填满（stretch）：强行拉伸到正方形，可能变形，仅在特殊需要时使用。

还可以设置背景色（或勾选透明背景）与圆角比例，圆角以画布边长的百分比计算，50% 即为圆形图标。

关于 favicon.ico

生成的 .ico 采用 PNG-in-ICO 结构：6 字节 ICONDIR 文件头，加上每个尺寸 16 字节的目录项，再拼接各尺寸的 PNG 原始数据。这是 Vista 之后 Windows 与所有现代浏览器都支持的标准做法，体积比传统 BMP-in-ICO 小很多。需要注意的是，极老的环境（例如 Windows XP 自带资源管理器、IE6）只识别 BMP 编码的 ICO，无法显示这种文件；如果必须兼容这类环境，请另行使用专门的 BMP 编码工具。ICO 规范中单边最大为 256 像素，256 在目录项里以 0 表示，工具已按规范处理。

下载方式

为了保持零第三方依赖，工具不提供 ZIP 打包。每个尺寸都有独立的 PNG 下载按钮，也可以点击「依次下载全部 PNG」连续触发下载，浏览器可能会询问是否允许多文件下载，请选择允许。manifest.json 与 HTML 引用片段可直接复制或下载为文件。