App Icon 尺寸完整指南 2026
对照当前源图要求与常用 iOS asset catalog、Android 启动图标、Web 和 PWA 导出尺寸。
iOS App Icon 尺寸
$官方文档当前 Apple 工作流从 1024×1024 源图或 Icon Composer 开始；下表记录兼容 AppIcon.appiconset asset catalog 常用的 PNG 条目。
| 用途 | 尺寸 | 倍率 | 文件名 |
|---|---|---|---|
| iPhone App | 60pt | @2x | Icon-60@2x.png |
| iPhone App | 60pt | @3x | Icon-60@3x.png |
| iPad App | 76pt | @1x | Icon-76.png |
| iPad App | 76pt | @2x | Icon-76@2x.png |
| iPad Pro | 83.5pt | @2x | Icon-83.5@2x.png |
| iPhone Settings | 29pt | @2x | Icon-29@2x.png |
| iPhone Settings | 29pt | @3x | Icon-29@3x.png |
| iPad Settings | 29pt | @1x | Icon-29.png |
| iPad Settings | 29pt | @2x | Icon-29@2x.png |
| Spotlight | 40pt | @2x | Icon-40@2x.png |
| Spotlight | 40pt | @3x | Icon-40@3x.png |
| App Store | 1024px | - | Icon-1024.png |
#AppIconKitchen 可为 AppIcon.appiconset 导出生成 Contents.json。扁平化应用图标 PNG 应保持不透明，并请核对部署目标对应的当前 Xcode 要求。
Android App Icon 尺寸
$官方文档常见旧版启动图标密度尺寸与 adaptive icon 说明。自适应图标使用独立的 108×108dp 前景层和背景层，安全区为 66×66dp。
| 密度 | 图标尺寸 |
|---|---|
| mdpi (基准) | 48×48 |
| hdpi (1.5x) | 72×72 |
| xhdpi (2x) | 96×96 |
| xxhdpi (3x) | 144×144 |
| xxxhdpi (4x) | 192×192 |
#Play Store 图标：512×512px。所有图标为 PNG 格式。
$Google Play Store 要求
size: 512×512px
format: PNG 或 JPG（无透明）
必须符合 Google Play 的设计规范
Web & PWA Icon 尺寸
$PWA 官方文档Web 网站 favicon 和 PWA（渐进式 Web 应用）图标尺寸规格。
| 用途 | 尺寸 | 文件名 |
|---|---|---|
| Favicon (标准) | 16×16 | favicon-16x16.png |
| Favicon (高清) | 32×32 | favicon-32x32.png |
| 快捷方式图标 | 48×48 | favicon-48x48.png |
| Apple Touch Icon | 180×180 | apple-touch-icon.png |
| PWA Icon (小) | 192×192 | icon-192.png |
| PWA Icon (大) | 512×512 | icon-512.png |
#推荐使用 PNG 格式支持透明。ICO 格式通常包含 16×16 和 32×32 两个尺寸。
各平台尺寸快速对比
最常用的图标尺寸快速参考
| 平台 | 主要尺寸 | 营销/商店 |
|---|---|---|
| iOS | 180×180 (iPhone) | 1024×1024 (App Store) |
| Android | 192×192 (xxxhdpi) | 512×512 (Play Store) |
| Web | 32×32 (Favicon) | 512×512 (PWA) |
图标设计最佳实践
✓从大尺寸开始设计
建议从 1024×1024px 开始设计，然后缩小到其他尺寸。这样保证细节质量。
✓保持简洁
小尺寸下细节会丢失，避免过于复杂的设计。确保 48×48px 仍清晰可识别。
✓使用安全区域
重要内容应远离边缘，并遵循各平台当前的遮罩与安全区规则；Android adaptive icon 在 108×108dp 图层中定义了 66×66dp 安全区。
✓测试真实设备
在真实设备上测试图标效果，不同屏幕显示效果可能有差异。
✓考虑深色模式
确保图标在浅色和深色背景下都清晰可见。
常见问题
01iOS 和 Android 图标可以互换吗？
02我需要自己调整所有尺寸吗？
03App Icon 和 App Logo 有什么区别？
04favicon 尺寸多少合适？
05PWA 图标为什么需要 192×192 和 512×512？
06如何确保我的图标在所有尺寸下都清晰？
立即生成所有平台的图标
生成一个源图，并为 iOS、Android、Web 与 PWA 工作流导出常用资源尺寸。
