TL;DR：设计一张 1024×1024 主稿，其余全部派生。iOS 一张 1024 打天下（圆角交给系统）；Android 画布 108dp、核心留在 66dp 安全区；Web 至少出 32/180/192/512 四张。最容易被审核打回的是 Android 安全区裁切与 iOS 误加圆角透明。
iOS / iPadOS
| 用途 | 尺寸（px） | 备注 |
|---|---|---|
| App Store Connect 主图标 | 1024 × 1024 | PNG，无圆角、无透明、无 alpha 通道 |
| iPhone 主屏幕 | 120 / 180 | 60@2x / 60@3x，由 Xcode 资产目录派生 |
| iPad 主屏幕 | 152 / 167 | 76@2x / Pro（83.5@2x） |
| Settings / 通知 | 29-87 | 小尺寸可单独精简细节 |
| Spotlight | 80 / 120 | 40@2x / 40@3x |
iOS 的圆角遮罩由系统统一应用，自己预切圆角或留透明边缘都会被打回。设计时按「方形满幅」制作，把关键元素向中心收拢约 8%-10%，模拟系统遮罩后的观感。
Android 自适应图标
| 参数 | 规格 | 备注 |
|---|---|---|
| 总画布 | 108 × 108 dp | 背景层与前景层各一张 |
| 安全区 | 66 × 66 dp（中央） | 核心图形必须完全落在其中 |
| 遮罩形状 | 圆形 / 方圆（随厂商） | 设计时按最紧的圆形校验 |
| 启动器典型输出 | 192 × 192 px | Play Store 商店页另需 512 × 512 |
背景层建议用纯色或简单渐变（跨厂商遮罩下观感稳定），前景层承载符号。本站工具页的「App 图标预览」可以按 iOS / Android / Web 多视图预览你的图标在真实设备上的效果。
Web / PWA
| 用途 | 尺寸（px） | 备注 |
|---|---|---|
| 浏览器标签 favicon | 32 × 32 | SVG favicon 亦可（现代浏览器） |
| iOS 添加到主屏 | 180 × 180 | apple-touch-icon，系统自动圆角 |
| Android PWA | 192 × 192 | manifest icon，maskable 建议另出一张 |
| PWA 启动画面 | 512 × 512 | maskable 图标留出安全边距 |
把 1024 主稿按上述清单批量导出即可。导出时勾选「去除元数据」，PNG 的色彩配置文件差异常导致 iOS 与 Android 显示色不一致。
三步批量导出建议
- 主稿 1024×1024 无透明，作为唯一真源
- iOS 一张 1024 上传；Android 出 108dp 双层；Web 出 32/180/192/512 四张
- 发布前用本站「App 图标预览」在真实设备视图中复查一遍遮罩与辨识度
统计方法与口径
本页统计基于图标库收录的 107,481 个真实上架应用图标（App Store，评分人数 ≥ 100），数据为构建时快照；收录持续更新，数字会随重建小幅变化。
色彩归类：对每个图标取 16×16 采样的平均色调，与 10 个基准色做最近邻匹配；深浅与饱和气质按 HSL 阈值划分。所有统计在服务端一次完成，不涉及任何用户数据。
常见问题
只需要准备一张 1024×1024 吗？
iOS 上传 App Store Connect 用一张 1024×1024（无圆角无透明，圆角由系统统一裁切）；但 Android 自适应图标、Web favicon 与各设备规格仍需按表导出，主流做法是用一张主稿批量出全尺寸。
Android 自适应图标的「安全区」是什么？
自适应图标画布 108×108dp，但系统可能裁成圆形/方圆形等任意遮罩，核心图形必须落在中央 66×66dp 的安全区内，否则边缘内容会被裁掉——这是 Android 图标被打回的头号原因。
Web favicon 最少要哪几个尺寸？
最小集合是 32×32（浏览器标签）、180×180（iOS 添加到主屏 apple-touch-icon）、192×192 与 512×512（Android PWA / manifest）。有这四张即可覆盖绝大多数场景。
