iOS 与 Android 应用图标:源图、遮罩和导出文件的区别
比较 iOS 与 Android 图标的源图处理、系统遮罩、自适应图层、资源目录和商店图片,并选择适合项目的导出流程。
iOS 应用图标和 Android 启动器图标可以使用相同的核心符号,但并不是同一种技术资源。iOS 可以在资源目录中从高分辨率源图生成不同呈现;Android 自适应图标将前景与背景分开,让启动器应用不同遮罩和视觉效果。
本指南比较这两种职责,不重复列出每个平台的全部尺寸。需要具体数值时,查看应用图标尺寸指南。生成的文件结构已有自动测试,但项目导入、设备表现与商店提交仍需要分别验证。
验证范围:平台来源与导出结构最初于 2026 年 9 月 20 日核查,完整 iOS/Android 项目构建于 10 月 1 日通过。10 月 2 日,在隔离的 iPhone 17/iOS 26.5 与 Android API 36 模拟器中完成安装、启动及图标显示检查。这不代表真机表现或商店审核结果。
先准备一个清晰的核心设计
两个平台都适合从可缩小辨认的简单符号开始。添加平台效果之前,保留干净的主文件。核心视觉通常包括一个主要符号或简短字母组合、足够的对比、适当的边缘留白,以及缩小后仍然有用的细节。
先在真实的桌面图标尺寸下观察,再检查大图。长名称、细纹理或多个小符号可能在大预览中有吸引力,却在桌面上变成难以辨认的点。平台处理从源图组织和文件打包开始,而不是从复制同一张预览截图开始。
iOS 使用资源目录并应用系统形状
Apple 的资源目录工作流支持使用 1024 × 1024 图像准备 iOS 和 iPadOS 图标。Xcode 通常将图像保存在 AppIcon 资源集中,并处理系统的显示形状。不要先把外部圆角烘焙进源图。
当前 iOS 导出包含以下目录:
iOS/
├── AppIcon.appiconset/
│ ├── AppIcon-1024.png
│ └── Contents.json
├── AdditionalSizes/
│ └── 可选的派生 PNG
└── README.txtContents.json 将 1024 图像声明为通用 iOS 资源。额外的 PNG 位于单独目录,供仍有其他尺寸需求的项目使用;它们不会自动替代资源集里的主声明。
当前导出不会创建深色或着色外观。Apple 也提供 Icon Composer 和更多外观设置,使用前应检查项目目标与 Xcode 版本。iOS 图标生成器可用于观察系统遮罩并准备本地文件,构建与发布验证则由实际项目完成。
Android 将自适应前景与背景分开
Android 自适应图标使用 108 × 108 dp 的前景和背景画布。中央 66 × 66 dp 是不会被支持的厂商形状遮罩裁去的安全区,外围空间留给遮罩与动态呈现。
因此,源素材准备也不同。尽量为主要符号提供透明前景,让背景填满其图层,并把重要内容放在安全区里。检查不止一种遮罩,避免只针对某一个圆角矩形设计。
当前自适应导出包含不同密度的传统和图层 PNG,以及 Android 8.0 及以上使用的 XML:
Android/
├── res/
│ ├── mipmap-mdpi/
│ ├── mipmap-hdpi/
│ ├── mipmap-xhdpi/
│ ├── mipmap-xxhdpi/
│ ├── mipmap-xxxhdpi/
│ └── mipmap-anydpi-v26/
│ ├── ic_launcher.xml
│ └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt每个密度目录包含传统图像。自适应模式还包含 ic_launcher_foreground.png 和 ic_launcher_background.png,XML 指向这两层。在 Android 图标制作器中调整前景大小,并观察安全区和常见形状。
Google Play 图片不是启动器资源
商店列表图像和启动器资源解决不同问题。Google Play 规范要求 512 × 512、32-bit、sRGB PNG,文件不超过 1024 KB。商店会应用自己的遮罩和阴影,所以图片应保留完整方形,不另外加外部圆角或外阴影。
生成器将这个文件放在 Android/play_store_512.png。它不替代 Android/res/ 中的图标资源。浏览器显示导出完成,只能说明打包路径完成,不能说明 Play Console 接受了文件。
哪些部分可以共用?
| 决策 | iOS | Android |
|---|---|---|
| 核心品牌符号 | 可以共用 | 可以共用 |
| 源图背景 | 不透明、铺满的方形源图 | 独立的自适应背景 |
| 主要符号 | 方形源图的一部分 | 尽量使用透明前景 |
| 形状检查 | iOS 系统遮罩 | 多种启动器遮罩 |
| 文件包 | AppIcon.appiconset 与 Contents.json | 密度 PNG 与自适应 XML |
| 商店图片 | 资源目录的商店图像 | 单独的 512 px PNG |
实际流程是先完成核心标志,再准备各平台素材,分别预览,最后在应用图标制作器中导出所需目录。不要把完整商店图像当成已经分离好的 Android 前景。
导出前检查
- 在桌面实际显示尺寸检查图形,而不只看 1024 px 大图。
- 让 iOS 系统处理外部遮罩。
- 将 Android 核心符号保留在自适应安全区。
- 单独检查 Google Play 商店图。
- 替换项目资源前,解包检查文件名与引用。
- 构建目标项目,并在模拟器或设备上检查。
模拟器安装实例
2026 年 10 月 2 日,导出图标已安装到隔离的 iPhone 17 模拟器,运行 iOS 26.5。测试应用成功启动,主屏幕显示原始 XY 图标。这验证了该项目与运行时,不代表真机或 App Store 审核结果。
2026 年 10 月 2 日,导出资源已安装到隔离的 Android API 36 模拟器。应用成功启动,应用抽屉显示 XY 图标。这验证了该启动器与构建;其他遮罩和设备仍需分别检查。
![]()
![]()
常见问题
两个平台能使用同一张源图吗?
可以共享核心设计,但建议保留 iOS 的不透明方形版本,以及 Android 的透明前景和独立背景。按平台输出不同资源结构。
应该手动添加外部圆角吗?
不要将平台外部遮罩烘焙进源图。系统和商店会处理各自的形状,重复遮罩容易产生双重圆角或多余留白。
Play 商店图能直接当自适应前景吗?
通常不合适。商店图是完整方形素材,而前景应包含有安全区间距的核心符号,背景另行提供。
参考来源
用官方要求和实际项目验证完成文件检查。相同符号可以跨平台保持识别性,但技术资源仍应分别准备。
更多文章
通讯
保持更新
将最新的应用设计技巧和图标趋势发送到您的收件箱。
