应用图标尺寸与 alpha 规范:两大商店对照
Apple 要 1024x1024 不透明图标,Play 要 512x512 PNG。ITMS-90717 报错怎么解,一个 logo 怎么导出两版。
- app icon
- App Store
- Google Play
- transparent png
- logo
- mobile app
- icon design

你手上只有一个 logo,面前是两个应用商店,而能过 Apple 那关的文件,Google 并不认。这事总在最糟的时候冒出来——包已经打好了,上传却因为一个 alpha 通道反复失败。
Apple 要一张 1024x1024 的正方形图标,背景必须不透明。Play 要一张 512x512 的 32 位 PNG,格式上支持 alpha,但按 Google 自己的设计规范,你不该用。而且两家都不想要一张“已经做完”的图——圆角和特效,它们在你上传之后自己加。下面是各自的要求,以及怎么用一个 logo 同时导出这两个文件。
Apple:1024 像素,正方形,一点都不能透
Apple 的 Human Interface Guidelines(人机界面指南)规定,iOS、iPadOS 和 macOS 的应用图标版式尺寸是 1024x1024 px,正方形,色彩空间为 sRGB、Gray Gamma 2.2 或 Display P3。Apple 现在推荐的路线是 Icon Composer:导入前景图层,背景在工具里定义。但压平后的单张图片依然允许——分层给你更多控制权,它不是硬性要求。

第一次提交的人,多半栽在背景上。Apple 对导入的背景图层给出的要求毫不含糊:做成满幅(full-bleed),且不透明。一张背景透明的 1024px PNG 不是合法的 App Store 图标——传上去,App Store Connect 会回你一句 ITMS-90717:App Store 图标不能透明,也不能包含 alpha 通道。唯一的例外是深色外观变体:Apple 反过来要求你把它做成透明背景,好让系统提供的背景透出来。其余场合,先决定你的标志后面是什么颜色,然后把它烙进文件里。
Apple 的其他平台,版式尺寸不一样:watchOS 是 1088x1088,visionOS 是 1024x1024,两者都按圆形裁切;tvOS 是横版的 800x480。做法也不一样:tvOS 和 visionOS 的图标是在 Xcode 里拼成分层图像堆栈,而不是在 Icon Composer 里做。
Google Play:512 像素,允许 alpha,但透明依然是错的
Play 的商品详情页图标要求是带 alpha 的 32 位 PNG,512x512 px,sRGB,最大 1024KB。只读这一句,你手上那张透明抠图好像正合适。

Google 的图标设计规范把这扇门关上了:透明素材会直接露出 Google Play 界面的背景色。于是你的标志漂浮在 Play 当时渲染的任何底色上,深色 logo 在深色模式里直接消失。Google 给的建议是:挑一个符合你品牌的背景色。
Play 还有两条规矩:不能加暗示排名、价格或 Play 分类的角标和文字;商品详情页图标和设备上的启动器图标是两回事。后者是自适应图标,用 108x108 dp 的图层,其中只有中间 66x66 dp 那块,能保证永远不被厂商遮罩切掉。
一个 logo 导出两个文件
两个文件的起点是同一样东西:你的标志,干干净净地从它原本待着的底子上剥下来。如果你的 logo 只有一张供应商给的 JPEG,或者一张印刷物料的照片,先把它抠出来,让形状单独带上一条真正的 alpha 通道。remover.bg 会把标志从背景上揭下来,你可以在编辑器里直接给它换上纯色或自定义的品牌色——这正是 Apple 要求的那一步压平。

行得通的顺序是:
- 去掉背景,让 logo 单独站住。检查边缘时用深色底,不要用白色——细笔画和衬线的毛病,在白色预览里全藏起来了。
- 把背景设成你的品牌色,导出一张 PNG。透明那版也留着,媒体资料包和网站图标都用得上。
- 在你自己的设计工具里,把这张 PNG 放到正方形画布上,给 Apple 导 1024x1024,给 Play 导 512x512。改尺寸是那边的活,不是去背景工具的活。
如果 logo 是扫描或拍照来的,如何去除 Logo 背景那一篇讲了各种边角情况;透明 PNG 指南则说明了那张母版为什么值得一直留着。
圆角和阴影,交给商店去画
Play 在这件事上说得很明确:圆角由它自己加,半径是图标尺寸的 30%;投影也由它在上传之后自己加;这两样你都别做。Apple 则把你的正方形裁进系统的圆角矩形里,再叠上自己的高光、折射和半透明效果,并且警告说:提前裁好形状的图层会破坏这些效果,让边缘出现锯齿。
所以:不要预先切圆角,不要投影,不要斜面,不要外发光。这份克制只针对图标——换成商品图,一道真实的接触阴影才是让商品不显得像贴上去的关键。
既然两家都会裁,就把标志最要紧的部分放在正中。Apple 的说法是:主要内容居中,遮罩才切不到它。Play 的关键线网格和大多数人以为的不一样——它是定位参考,不是边界。Google 的要求是:能占满整张素材就占满,只有当 logo 周围的形状对品牌不可或缺时,才退回到关键线。出于谨慎在四周留白,结果就是你的图标比旁边每一个都明显小一圈。
30% 的圆角真正吃掉的是四个角,所以文字标(wordmark)一旦顶到角上,两头就没了。到了 watchOS 和 visionOS 的圆形遮罩上,一个顶到边的文字标,首尾字母会被直接切掉。
上传之前
- Apple:1024x1024 PNG,正方形,完全不透明,四角保持直角。
- Play:512x512 的 32 位 PNG,最大 1024KB,用品牌色背景而不是透明,四角保持直角。
- 两个商店用同一套图形和配色:用户该认出这是一个应用,不是两个。
- 两张都按缩略图大小预览一遍。1024 下看得清的细节,到 40 像素就没了。
图标这件事做对一次,之后每一个版本都不用再返工。


