appiconkitchen/specs
App Icon 尺寸完整指南 2026
所有平台的 App Icon 尺寸规格参考。iOS、Android、Web/PWA，一键生成所有尺寸。
iOS App Icon 尺寸
$官方文档Apple iOS 平台的完整图标尺寸规格，涵盖 iPhone、iPad 和 App Store。
| 用途 | 尺寸 | 倍率 | 文件名 |
|---|---|---|---|
| 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 |
#所有尺寸为 PNG 格式，包含透明通道。Contents.json 由 AppIconKitchen 自动生成。
Android App Icon 尺寸
$官方文档Android 平台图标尺寸规格，涵盖所有密度级别。
| 密度 | 图标尺寸 |
|---|---|
| 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 仍清晰可识别。
✓使用安全区域
iOS 和 Android 都有安全区域，重要内容不要放在边缘。建议留出 10-15% 边距。
✓测试真实设备
在真实设备上测试图标效果，不同屏幕显示效果可能有差异。
✓考虑深色模式
确保图标在浅色和深色背景下都清晰可见。
常见问题
01iOS 和 Android 图标可以互换吗？
不建议。iOS 和 Android 有不同的设计规范和安全区域。虽然可以使用相同的设计元素，但应该分别优化。
02我需要自己调整所有尺寸吗？
不需要！AppIconKitchen 的 AI 图标生成器会自动生成所有平台的所需尺寸。您只需提供一次描述即可。
03App Icon 和 App Logo 有什么区别？
App Icon 是应用在手机主屏幕上显示的图标（通常 1024×1024 正方形），App Logo 是用于营销和品牌推广的标识（可以是任意比例）。AppIconKitchen 可以同时生成两者。
04favicon 尺寸多少合适？
浏览器标签页通常使用 16×16 或 32×32px。但建议同时提供 48×48 和更高分辨率，因为高 DPI 屏幕需要。AppIconKitchen 的 Web 导出包已包含所有常用尺寸。
05PWA 图标为什么需要 192×192 和 512×512？
192×192 用于 Android 主屏幕安装提示，512×512 用于应用启动画面和 Chrome 应用列表。两个尺寸都是 PWA 标准要求的。
06如何确保我的图标在所有尺寸下都清晰？
1）使用简单的形状和鲜明的对比；2）避免细小的文字或细节；3）在不同尺寸下预览；4）使用 AppIconKitchen 的 AI 生成，它已优化跨尺寸显示效果。
立即生成所有平台的图标
使用 AI 一次生成，导出 iOS、Android、Web 所有尺寸。无需手动调整每个尺寸。
resources/related