先说结论:2026 年你只需要准备几张图?
如果你现在还在按照某个 2019 年的教程,逐一切出 40×40、58×58、87×87……那你的工作流已经过时了。2026 年的答案比你想象的简单:
| 平台 | 用途 | 你需要准备 | 关键注意 |
|---|---|---|---|
| iOS(全系统) | App Store + 全部系统场景 | 1024 × 1024 px | 启用 Xcode "Single Size" 选项,其余自动生成 |
| Android(Play Store) | 应用商店上架展示 | 512 × 512 px | ⚠️ 2026 新规:圆角半径从 20% 提升到 30%,Logo 别靠太边 |
| Android(Launcher) | 桌面自适应图标 | 108 × 108 dp(前景 + 背景两层) | Logo 保持在 72dp 安全区内,系统自动裁形 |
| HarmonyOS NEXT | 鸿蒙元服务 / 应用图标 | 216 × 216 px | 建议直角正方形交付,系统自动裁圆角 |
| visionOS | Vision Pro 空间图标 | 1024 × 1024 px × 3 层 | 需提供 Background、Middle、Foreground 三层 PNG |
iOS:单图模式终结了"切图地狱"
从 Xcode 14 开始,苹果推行了 Single Size 模式——在 Asset Catalog 的 AppIcon 里,你只需要放入一张 1024×1024 的 PNG,Xcode 在打包时会自动为所有设备(iPhone、iPad、Apple Watch)生成对应的 @2x、@3x 及各种场景尺寸。
之前流传的"切 14 个 iOS 尺寸"教程——那是 Xcode 13 之前的老做法,已经不推荐了。
你仍然需要注意的几点:
- PNG 格式,无 Alpha 透明通道:App Store 会拒绝含有透明背景的图标,Xcode 本地也会提示告警
- 正方形,直角边缘:系统自动添加圆角,你的源图里不要预先设置圆角,否则叠加后会出现双圆角
- 低饱和度背景慎用:在 iOS 主屏幕上,纯灰色或咖啡色背景的图标辨识度非常低,建议测试真机效果
Android 2026:两个必须知道的更新
① Google Play 圆角从 20% 升到了 30%
这是 2026 年 3 月 Google 悄悄更新的渲染规则,但影响可不小。如果你的应用 Logo 贴着图标边缘设计(比如文字 Logo 撑满整个图标),在新圆角裁切下,边角的文字或图案会被剪掉。
自检方法:用 CSS 给你的 512px 图标套一个
border-radius: 30%的遮罩预览,看是否有内容被裁剪。daima.life 的 App 图标工具已内置此预览功能。
② 自适应图标:前景 + 背景 = 不同手机不同"形状"
Android 8.0(Oreo)以来,每部手机的桌面图标形状由手机厂商决定——小米可能是圆形,三星可能是圆角正方形,一加可能是水滴形。为了适配所有形状,你需要提供自适应图标:
- 前景层(foreground):你的 Logo 图案,108×108dp,透明背景,PNG
- 背景层(background):纯色或渐变背景,同尺寸,不含 Logo
- 安全区域:两层图都要把有效内容控制在中心 72×72dp 以内——外侧 18dp 会被各种形状遮罩裁剪掉
<!-- res/mipmap-anydpi-v26/ic_launcher.xml -->
<adaptive-icon>
<background android:drawable="@drawable/ic_launcher_background"/>
<foreground android:drawable="@drawable/ic_launcher_foreground"/>
<monochrome android:drawable="@drawable/ic_launcher_monochrome"/>
</adaptive-icon>
注意第三层 monochrome:这是 Android 13 引入的主题图标(Themed Icon),当用户开启"壁纸主题"时,系统会用这个单色层渲染图标。如果你不提供,部分 Android 14 设备上你的图标在主题模式下会有缺失感。
鸿蒙 NEXT:China-First 开发者不能忽视的新战场
2026 年是 HarmonyOS NEXT 全面铺开的关键年。与 Harmony 2/3 兼容 Android 的模式不同,NEXT 是鸿蒙的"宣告独立"版本——它不再运行 Android APK,拥有独立的 ArkUI 渲染体系和独特的图标规范。
鸿蒙 NEXT 图标核心规格:
- 标准尺寸:216 × 216 px(在高分辨率屏上实际渲染为 648px)
- 交付格式:PNG,建议提供直角正方形,系统统一裁圆角(圆角半径约 46px)
- 安全区域:内容控制在 176×176px 的中心区域内
- 元服务图标:鸿蒙元服务(类似 iOS Widget)有独立图标规范,尺寸同样为 216px 但背景要求透明
如果你的 App 目标用户在中国大陆,2026 年必须单独输出一套鸿蒙 NEXT 图标资源,不能复用 Android 的版本。
visionOS:三层图标是空间计算的第一印象
Apple Vision Pro 上的图标不是平面的——它是有层次景深的立体图标,当你头部移动时,各层会产生视差。这需要你准备三张独立的 1024×1024 PNG:
- Background 层:最底层,通常是渐变色或纹理背景
- Middle 层(可选):中间装饰层,提供景深中间层
- Foreground 层:最顶层,你的主 Logo,建议有适当留白
系统会为这三层叠加一个玻璃质感的高光遮罩,所以你的背景层不需要设计反光效果,系统会自动添加。
安全区域预览:一个很多人忽视的关键步骤
无论是哪个平台,在交付图标前,你都应该做一次"安全区域检查":
- 打开 daima.life 的 App 图标尺寸工具
- 上传你的 1024px 源图
- 工具会叠加各平台的安全圆/安全框遮罩,让你直观看到哪些内容在安全区内、哪些可能被裁剪
- 根据预览结果,让设计师调整 Logo 的大小和位置
一个好的经验法则:Logo 有效内容不超过图标面积的 60%,四周各留 20% 的呼吸空间。这样在所有平台上都能保持良好的视觉效果,也不会被各种形状遮罩"吃掉"边角。
一图出稿的工作流(2026 推荐)
最高效的方式是:在源文件里建好所有平台的安全线参考框,然后一口气导出。
- 用矢量软件(Figma / Sketch)建立主画布:1024×1024px,建立 iOS 安全圆、Android 72dp 安全框、鸿蒙 176px 安全框三个参考层
- 设计 Logo 时,始终在最严格的安全区内(鸿蒙的 176px 框)
- 一键导出:通过 daima.life 的图标切图工具,上传 1024px 源图,自动生成所有平台所需的尺寸包
- Android 自适应图标:需要单独设计前景/背景两层,不能用同一张图直接生成
整个流程从设计到导出,熟练后 10 分钟内完成。