应用图标生成

功能

• iOS 全套 12 张，含 App Store 必须提交的 1024 × 1024
• Android mipmap 五档密度：48 / 72 / 96 / 144 / 192
• Android 自适应图标两层：前景（安全区收边）+ 背景色块
• macOS 的 .icns 容器，8 个条目覆盖 32 到 1024 像素
• 形状可选圆角方形（22.37%）、直角或圆形
• 留白四档，图案较满的图标能收进来一点
• 自动铺不透明底色解决 iOS 的透明通道问题，底色可换
• 同一像素只编码一次：120 像素一张文件覆盖 40@3x 与 60@2x
• 图片不上传、不经过任何服务器

使用方法

1. 准备一张正方形、边缘干净的原图（1024 像素以上最好）
2. 拖进来，选平台、形状与留白
3. 结果一次全出，逐个下载或点「全部下载」
4. iOS 把 PNG 拖进 Xcode 的 AppIcon，macOS 用 AppIcon.icns 替换图标文件

常见问题

为什么 iOS 的图标要铺底色，还不能自己切圆角？

铺底色是因为 App Store 不接受带透明通道的应用图标 —— 上传时会被直接拒掉，而不是显示得难看而已。切圆角不能自己来的原因正好相反：iOS 会在显示时按系统自己的曲率把图标裁成圆角，你如果先切过一次，两层的曲率对不上，四个角就会露出底下的空白。所以这里交出的 iOS 图标是直角正方形，看起来"没加工"，装到机器上才是正常的圆角图标。

.icns 要怎么用？

它是 macOS 应用图标的容器格式（一个文件里装着从 32 到 1024 像素的多张图，系统按显示尺寸挑一张，这样在列表里和放大时都清晰）。换掉一个 Mac 应用的图标：在访达里选中那个 .app，按 ⌘ + I 打开简介，把 AppIcon.icns 拖到左上角的小图标上即可。开发时它放在应用的 Resources 目录里，Xcode 工程也可以直接把 .icns 拖进 AppIcon 资源位。

Android 的自适应图标为什么给两张图？

自适应图标是两层结构：前景（图案）与背景（色块）分开交给系统，系统再按启动器的要求裁成圆形、圆角方形或水滴形，还能做视差与动画。所以前景必须是透明底的图案，而且图案要收在中央的安全区里 —— 108dp 的画布中只有中间 72dp 保证可见，铺满整块的四角在圆形遮罩下会被切掉。这里前景按 66% 收边，就是为了这个。

图片会上传吗？

不会。缩放与编码都用浏览器自己的 canvas 完成，.icns 的容器也是在本机拼的字节，图片全程留在设备内存里，断网也能用。