App icon sizes & export
App 图标素材包生成器。
各平台要用的全套图标,一键打包成 ZIP。iOS、Android、网站 PWA、macOS 一次导出,直接拖进工程。
sharp · 实时处理 · 文件不留存
1 · 选择图标
还没选图标
1024 × 1024 的 PNG / JPG / WebP,最大 10MB
2 · 选择平台
3 · 导出方式
全在服务器实时完成,图片不留存。
AAa
把图标导出成全套素材
在左边选一个图标,iOS、Android、网站要用的尺寸一次打包成 ZIP。
所有平台,一个 ZIP
选你要上线的平台,每个都按对应工具要求的目录结构打包。
iOS / iPadOS
Xcode 应用图标、App Store 图标
Android
启动图标、自适应、主题图标、通知栏图标
网站 / PWA
Favicon、Apple touch 图标、manifest
macOS
Mac 图标,带圆角、留边和阴影
怎么生成全套尺寸的 App 图标
免费、很快,服务器实时完成。
放进你的图标
上传 1024 × 1024 的 PNG、JPG 或 WebP,也可以用你在 AI 生成器里做的图标。
选平台和导出方式
勾选要上线的平台;可以附加 AI 生成的 SVG 矢量 Logo,作为 favicon.svg 一起打包。
下载 ZIP
拿到能直接放进 Xcode 的 AppIcon、Android 的 res 目录、带 manifest 的网站图标,直接放进项目。
App 图标尺寸速查表
素材包里的每个文件,和它导出的尺寸。
iOS / iPadOS
| 文件 | 尺寸(像素) | 用途 |
|---|---|---|
| AppIcon.appiconset/AppIcon-1024.png | 1024 × 1024 | Xcode AppIcon:一张图,Xcode 自动生成 iPhone 和 iPad 的所有尺寸 |
| AppStore-1024.png | 1024 × 1024 | 上传 App Store Connect 用,不带透明 |
| iOS/legacy/icon-*.png | 180 · 167 · 152 · 120 · 87 · 80 · 76 · 60 · 58 · 40 · 29 · 20 | 兼容旧工程的其余档位 |
Android
| 文件 | 尺寸(像素) | 用途 |
|---|---|---|
| PlayStore-512.png | 512 × 512 | Google Play 商店页 |
| res/mipmap-*/ic_launcher.png | 48 · 72 · 96 · 144 · 192 | 启动图标(48 dp 五种密度) |
| res/mipmap-*/ic_launcher_foreground.png + background.png | 108 · 162 · 216 · 324 · 432 | 自适应图层(108 dp,整图前景 + 平均色背景) |
| res/mipmap-*/ic_launcher_monochrome.png | 48 · 72 · 96 · 144 · 192 | Android 13 主题图标(白色剪影) |
| res/drawable-*/ic_notification.png | 24 · 36 · 48 · 72 · 96 | 通知栏图标(24 dp) |
网站 / PWA
| 文件 | 尺寸(像素) | 用途 |
|---|---|---|
| favicon.ico | 16 · 32 · 48 | 浏览器 favicon,里面有 16、32、48 三个尺寸 |
| favicon-32x32.png | 32 × 32 | PNG 格式的 favicon |
| apple-touch-icon.png | 180 × 180 | iPhone 和 iPad 主屏图标(Safari 添加到主屏) |
| icon-192.png | 192 × 192 | PWA 和安卓主屏 |
| icon-512.png | 512 × 512 | PWA 安装和启动画面 |
| icon-512-maskable.png | 512 × 512 | 可裁切的图标,安卓裁形状时不会切到内容 |
| site.webmanifest | — | 网页应用的 manifest,含名称、图标和颜色 |
| favicon.svg | SVG | 附加 AI 矢量 Logo 时才有 |
macOS
| 文件 | 尺寸(像素) | 用途 |
|---|---|---|
| icon_16x16.png … icon_512x512@2x.png | 16 · 32 · 64 · 128 · 256 · 512 · 1024 | Mac 图标,按 macOS 的要求画好圆角、留边和阴影 |
| icon.icns | 16 → 1024 | macOS 应用使用的 .icns 容器,直接放进 Xcode 的 Assets |
App 图标生成器常见问题
关于 App 图标尺寸和导出,大家常问的。
App 图标生成器免费吗?▾
免费。不用注册,打包次数不限。附加的 AI 矢量 Logo 也是免费的。
我的图标会被上传吗?▾
处理在你的浏览器发起、服务器实时完成,文件不做留存。只有附加 AI 矢量 Logo 时,图片会在请求期间发给图像模型来重画 SVG。
iOS 的 App 图标要多大?▾
一张 1024 × 1024 像素的图就够了。从 Xcode 14 开始,AppIcon 只需要这一个尺寸,Xcode 会自动缩放到各种设备。App Store 的图标也是 1024 × 1024,而且不能有透明,素材包导出的就是这样。
Android 需要哪些尺寸?▾
启动图标是 48 dp,在 mdpi 到 xxxhdpi 五种密度下是 48 到 192 像素。自适应图标的图层是 108 dp(108 到 432 像素),Google Play 要一张 512 × 512 的图标,通知栏图标是 24 dp。
什么是 Android 自适应图标?▾
由背景和前景两层组成的图标。安卓桌面会把它裁成圆形、方圆等各种形状。这里用整张图标做前景层、取图标的平均色做背景层,效果稳定。
网站 favicon 需要哪些尺寸?▾
favicon.ico(里面有 16、32、48 三个尺寸)、一张 32 像素的 PNG、一张 180 像素的 apple-touch-icon,还有 manifest 用的 192 和 512 像素图标。它们都在 Web 文件夹里,附带写好的 site.webmanifest。
图标要自己做圆角吗?▾
不用。从一张正方形、铺满的图开始,iOS 和安卓会自己加圆角遮罩。素材包导出的就是这种直角原图;macOS 是例外,它的圆角、留边和阴影已经按模板画好。
macOS 图标是怎么做的?▾
按 macOS 模板合成:1024 画布、824 图标区、约 22% 圆角加投影,输出全部 PNG 档和一份能直接用的 icon.icns。