图片格式，统一为 PNG 格式
文章目录
iOS icon
iOS 平台 icon 资源，规格如下：
| 文件名 | 尺寸 |
|---|---|
| ICON_20.png | 20x20 |
| ICON_29.png | 29x29 |
| ICON_40.png | 40x40 |
| ICON_58.png | 58x58 |
| ICON_60.png | 60x60 |
| ICON_76.png | 76x76 |
| ICON_80.png | 80x80 |
| ICON_87.png | 87x87 |
| ICON_120.png | 120x120 |
| ICON_152.png | 152x152 |
| ICON_167.png | 167x167 |
| ICON_180.png | 180x180 |
| ICON_1024.png | 1024x1024 |
注意：圆角需要按照 AppStore 官方要求自行处理。
Android icon
android 平台 icon 资源，Android 8.0 (API 26) 前后的配置要求有所不同
Android 8.0 以下 (API 25 and below) 的版本
8.0 以下的图标要求，与ios类似，规格如下：
| 文件名 | 尺寸 |
|---|---|
| ICON_36.png | 36x36 |
| ICON_48.png | 48x48 |
| ICON_72.png | 72x72 |
| ICON_96.png | 96x96 |
| ICON_144.png | 144x144 |
| ICON_192.png | 192x192 |
Android 8.0 及以上 (API 26 and above) 的版本
8.0 及以上的图标要求，规格如下：
| 文件名 | 尺寸 | 备注 |
|---|---|---|
| Back_81.png | 81x81 | 背景图 |
| Back_108.png | 108x108 | 背景图 |
| Back_162.png | 162x162 | 背景图 |
| Back_216.png | 216x216 | 背景图 |
| Back_324.png | 324x324 | 背景图 |
| Back_432.png | 432x432 | 背景图 |
| Pre_81.png | 81x81 | 前景图，主体范围 54x54 |
| Pre_108.png | 108x108 | 前景图，主体范围 72x72 |
| Pre_162.png | 162x162 | 前景图，主体范围 108x108 |
| Pre_216.png | 216x216 | 前景图，主体范围 144x144 |
| Pre_324.png | 324x324 | 前景图，主体范围 216x216 |
| Pre_432.png | 432x432 | 前景图，主体范围 288x288 |
需求说明：
每个尺寸的icon需要2张资源图：前景图 + 背景图。
背景图，顾名思义，是整个icon的背景，是底色；前景图，是icon的主体。
在实际使用中，背景图在最底层，上面放置前景图。最上层是 mask，它由手机厂商提供，并最终决定 icon 的形状和外观：
因为mask的存在，我们的前景图，需要把 主体范围 限制在图片中心 2/3 的位置上，这样才能保证最终效果是我们想要的。
但注意，前景图上，内容过大过多时，我们不要自己去做裁剪，裁剪的工作是由 mask 层来负责，这样才能保证最终效果的美观；同时，前景图上，除了我们要展示的icon外，其它部分都要用透明来填充。
参考资料：https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive?hl=zh-cn
扫一扫
4491
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
