App 图标生成器
把你的 logo 做成 iOS、macOS、Android、Windows 和 Linux 的应用图标——按每个平台自己的安全区构图,并在它真正会被看到的尺寸上展示。
文件不离开设备,不存储,也不需要账号。
它会在哪里出现
你会拿到什么
- ios/asset-catalog/AppIcon.appiconset/AppIcon-1024.png1024×1024 pxApp 图标本体:一张方图,所有尺寸都由它缩出来
- ios/asset-catalog/AppIcon.appiconset/Contents.jsonXcode 要填的槽位,每种外观一张 1024 方图
- ios/README.txt这个文件夹里有什么,没有什么
怎么用
- 01
把 logo 放进来
PNG、JPEG、WebP 或 SVG,最大 8 MB。它留在你的设备上:文件在你的浏览器里被解码、构图、编码。
- 02
看它在哪里出现
logo 会画进这个页面讲的那些地方,用的是它们真正使用的尺寸;下面还有这个工具对你这张文件要说的话。
App 图标是什么,它出现在哪些地方
App 图标不是一个尺寸上的一张图。每个系统要的是它自己的容器——iOS 一张方图,macOS 和 Windows 一个装了很多尺寸的容器,Android 启动器两层——而你的 logo 被画成什么形状,是系统自己决定的。这一页交付下面这六个去处,全都由你给的那一张方图构图而来。
- iOS 主屏
- AppIcon-1024.png1024×1024
每种外观一张方图,默认和深色这两张都在。系统拿它缩放后用在主屏、设置、Spotlight 和通知上,圆角由系统自己的遮罩画。
- Mac 的访达与程序坞
- AppIcon.icns16–1024 px
一个容器里装着 11 个块、覆盖 7 种方图,用于不是 Xcode 工程的构建。
- Android 启动器
- ic_launcher.xml, ic_launcher_foreground.png108 dp,旧版 48 dp
由那份 XML 组装的两层:前景画在 108 dp 画布上,另有五个密度桶里的旧版图标。启动器会把它裁成什么形状,是启动器的事。
- Google Play 商店页
- play-store-icon.png512×512
商店在你 App 旁边显示的那一张。圆角和阴影都是商店自己画的,所以这个文件本身是一张方图。
- Windows 任务栏与资源管理器
- icon.ico16、24、32、48、64、256
一个文件覆盖 Windows 所有画图标的位置,因为 Windows 会自己挑需要的那一帧,而不是把一帧放大。
- Linux 桌面
- 512x512.png, 32x32.png32–512 px
按尺寸命名的一个个 PNG,放在桌面图标主题会去找的那些目录里。
一次构图,写进每一个容器
工具先量出 logo 实际画到哪儿,把导出时自带的透明边裁掉,再把剩下的部分放进你选的那个边距之内。每个文件都是这一张方图:启动器裁的那枚、商店显示的那枚、任务栏画的那枚,都是同一次构图在不同尺寸上的样子。
把 512 px 的导出图放大塞进 1024 的槽位,正是 App 图标在手机上发虚的原因。这里交付的是按这套文件里最大那张方图构的图;如果你给的 logo 比它小,主屏下面的句子会说出来。
安全边距是平台的,取的是最严的那一个
裁得最狠的是 Android 启动器:它 108 dp 图层里靠内的 66 是遮罩不许碰到的,所以方形 logo 每边大约需要 28%——边距字段开屏就是这个数。
其他平台拿到的是同一次构图,而不是各自单独适配的,这也正是一个文件能同时服务任务栏和主屏的原因。低于这个边距时,可能被裁的是 Android 那一枚,图片下面的句子会用平台自己的说法讲清楚。
这个工具不做什么. 它对你给的 logo 做构图和编码,不重画它,所以带细线或小字的 logo 在 16 px 下仍然是糊的,页面会照实写出来而不是替你抹平。它也只写表里那六个去处:watchOS、tvOS、Vision Pro 的图标,商店截图,以及主题化启动器能用的那种压成单色的图层,都是另外的东西,有各自的规则。