App图标尺寸规格
完整的应用图标尺寸规格参考,覆盖 iOS、iPadOS、Android、macOS、Windows 和 PWA 等平台。点击任意行可预览该尺寸的实际大小。
iOS / iPadOS 图标尺寸
iOS 使用 AppIcon.appiconset 来管理所有图标。从 Xcode 14 开始,你只需提供单个 1024x1024 图标,Xcode 会自动生成其余尺寸。但了解所有尺寸仍然很重要。
| 基础尺寸 | 倍率 | 实际像素 | 用途 | 是否必需 |
|---|---|---|---|---|
| 20x20 | @2x | 40x40 | 通知 (iPhone) | 推荐 |
| 20x20 | @3x | 60x60 | 通知 (iPhone) | 推荐 |
| 20x20 | @1x | 20x20 | 通知 (iPad) | 可选 |
| 20x20 | @2x | 40x40 | 通知 (iPad) | 推荐 |
| 29x29 | @2x | 58x58 | 设置 (iPhone) | 推荐 |
| 29x29 | @3x | 87x87 | 设置 (iPhone) | 推荐 |
| 29x29 | @1x | 29x29 | 设置 (iPad) | 可选 |
| 29x29 | @2x | 58x58 | 设置 (iPad) | 推荐 |
| 40x40 | @2x | 80x80 | Spotlight (iPhone) | 推荐 |
| 40x40 | @3x | 120x120 | Spotlight (iPhone) | 推荐 |
| 40x40 | @1x | 40x40 | Spotlight (iPad) | 可选 |
| 40x40 | @2x | 80x80 | Spotlight (iPad) | 推荐 |
| 60x60 | @2x | 120x120 | 应用图标 (iPhone) | 必需 |
| 60x60 | @3x | 180x180 | 应用图标 (iPhone) | 必需 |
| 76x76 | @1x | 76x76 | 应用图标 (iPad) | 可选 |
| 76x76 | @2x | 152x152 | 应用图标 (iPad) | 必需 |
| 83.5x83.5 | @2x | 167x167 | 应用图标 (iPad Pro) | 必需 |
| 1024x1024 | @1x | 1024x1024 | App Store | 必需 |
Android 图标尺寸
Android 使用密度桶(density buckets)来适配不同屏幕分辨率的设备。从 Android 8.0 (API 26) 起,推荐使用自适应图标(Adaptive Icons)。
| 尺寸 (px) | 密度 | 缩放倍数 | 用途 | 是否必需 |
|---|---|---|---|---|
| 48x48 | mdpi | 1x | 启动器图标 | 必需 |
| 72x72 | hdpi | 1.5x | 启动器图标 | 必需 |
| 96x96 | xhdpi | 2x | 启动器图标 | 必需 |
| 144x144 | xxhdpi | 3x | 启动器图标 | 必需 |
| 192x192 | xxxhdpi | 4x | 启动器图标 | 必需 |
| 512x512 | — | — | Google Play 商店 | 必需 |
自适应图标 (Android 8.0+)
自适应图标由前景层和背景层组成,总画布为 108x108 dp,安全区域为中心 72x72 dp(每侧 18 dp 裁切区)。
| 密度 | 全画布 (px) | 安全区域 (px) | 裁切区 (每侧) |
|---|---|---|---|
| mdpi (1x) | 108x108 | 72x72 | 18px |
| hdpi (1.5x) | 162x162 | 108x108 | 27px |
| xhdpi (2x) | 216x216 | 144x144 | 36px |
| xxhdpi (3x) | 324x324 | 216x216 | 54px |
| xxxhdpi (4x) | 432x432 | 288x288 | 72px |
macOS 图标尺寸
macOS 应用使用 .icns 文件格式,内含多种尺寸。图标应在 1024x1024 画布上设计,并包含所有以下尺寸。
| 尺寸 (px) | 文件名后缀 | 用途 | 是否必需 |
|---|---|---|---|
| 16x16 | icon_16x16.png | Finder 列表/侧边栏 | 必需 |
| 32x32 | icon_16x16@2x.png | Finder 列表 (Retina) | 必需 |
| 32x32 | icon_32x32.png | Finder / Dock (小) | 必需 |
| 64x64 | icon_32x32@2x.png | Finder / Dock (Retina) | 必需 |
| 128x128 | icon_128x128.png | Finder 图标视图 | 必需 |
| 256x256 | icon_128x128@2x.png | Finder 图标 (Retina) | 必需 |
| 256x256 | icon_256x256.png | Finder 预览 | 必需 |
| 512x512 | icon_256x256@2x.png | Finder 预览 (Retina) | 必需 |
| 512x512 | icon_512x512.png | Finder 大图标 | 必需 |
| 1024x1024 | icon_512x512@2x.png | Finder (Retina) / App Store | 必需 |
iconutil 命令行工具可以将 .iconset 文件夹转换为 .icns 文件。
Windows 图标尺寸
Windows 应用使用 .ico 文件格式(可在单个文件中嵌入多种尺寸),以及用于开始菜单磁贴的 PNG 图像。
.ICO 文件中的尺寸
| 尺寸 (px) | 用途 | 是否必需 |
|---|---|---|
| 16x16 | 标题栏、任务栏小图标 | 必需 |
| 24x24 | 工具栏图标 | 推荐 |
| 32x32 | 桌面图标(标准) | 必需 |
| 48x48 | 资源管理器缩略图 | 必需 |
| 64x64 | 高 DPI 桌面图标 | 推荐 |
| 256x256 | 资源管理器大图标 / Vista+ | 必需 |
开始菜单磁贴
| 尺寸 (px) | 磁贴类型 | 是否必需 |
|---|---|---|
| 44x44 | 应用列表图标 | 推荐 |
| 71x71 | 小磁贴 | 推荐 |
| 150x150 | 中等磁贴 | 必需 |
| 310x150 | 宽磁贴 | 推荐 |
| 310x310 | 大磁贴 | 推荐 |
Microsoft Store
| 尺寸 (px) | 用途 | 是否必需 |
|---|---|---|
| 300x300 | 商店列表图标 | 必需 |
| 50x50 | 商店小图标 | 推荐 |
.ico 文件可以包含多种尺寸。建议至少包含 16、32、48 和 256 四种尺寸。256x256 应使用 PNG 压缩以减小文件大小。磁贴图标应使用透明背景,磁贴背景色在应用清单中设置。
PWA / Web 应用图标尺寸
渐进式 Web 应用(PWA)通过 manifest.json 声明图标。以下是推荐的完整图标集。
| 尺寸 (px) | 用途 | 是否必需 |
|---|---|---|
| 72x72 | 旧版 Android 主屏幕 | 可选 |
| 96x96 | 旧版 Android 启动画面 | 可选 |
| 128x128 | Chrome 网上应用店 | 推荐 |
| 144x144 | Windows 8 磁贴 | 推荐 |
| 152x152 | iPad 触控图标 | 推荐 |
| 192x192 | Android Chrome 主屏幕 | 必需 |
| 384x384 | Android Chrome 启动画面 | 推荐 |
| 512x512 | PWA 启动画面 / 安装提示 | 必需 |
manifest.json 示例
"purpose": "maskable" 的图标,以便在 Android 上正确适配自适应图标形状。Maskable 图标的安全区域为中心 80% 区域。
应用图标设计最佳实践
所有平台都支持 PNG 格式。对于需要透明背景的场景(Android、Windows 磁贴),使用带 alpha 通道的 PNG。注意 iOS App Store 图标不允许透明度。
始终从最大尺寸(1024x1024)开始设计,然后逐步缩小。这样可以确保在所有尺寸下保持一致性。使用矢量工具(Figma、Sketch、Illustrator)以便无损缩放。
在 16x16 或 29x29 等极小尺寸下,复杂的细节会完全丢失。考虑为小尺寸制作简化版本的图标,例如只保留首字母或核心图形元素。
用户可能使用深色模式或浅色模式。确保你的图标在两种背景下都清晰可见、辨识度高。避免使用纯白或纯黑作为图标主色。
iOS 系统会自动为图标应用圆角蒙版。如果你手动添加圆角,最终效果会出现双重圆角或不对齐。提交方形、无圆角的图标即可。
自适应图标让不同的启动器可以将图标裁切为不同形状(圆形、方圆形等)。提供前景层和背景层,并确保关键内容在 72dp 安全区域内。
Maskable 图标的安全区域为中心 80%。在 manifest.json 中添加 "purpose": "maskable" 的图标条目,让 Android 能正确适配自适应形状。可以使用 maskable.app 在线预览效果。
App 图标在小尺寸下文字几乎无法辨认。使用图形符号代替文字。如果品牌必须包含文字,确保只使用 1-2 个字母。
各平台关键尺寸速查
快速查看每个平台最重要的图标尺寸:
| 平台 | 应用商店图标 | 最大应用图标 | 最小图标 | 格式 |
|---|---|---|---|---|
| iOS | 1024x1024 | 180x180 (@3x) | 20x20 | PNG (无透明) |
| Android | 512x512 | 192x192 (xxxhdpi) | 48x48 | PNG / WebP |
| macOS | 1024x1024 | 512x512 | 16x16 | ICNS (PNG) |
| Windows | 300x300 | 310x310 (大磁贴) | 16x16 | ICO / PNG |
| PWA | — | 512x512 | 72x72 | PNG |