App图标尺寸规格

完整的应用图标尺寸规格参考,覆盖 iOS、iPadOS、Android、macOS、Windows 和 PWA 等平台。点击任意行可预览该尺寸的实际大小。

iOS / iPadOS 图标尺寸

iOS 使用 AppIcon.appiconset 来管理所有图标。从 Xcode 14 开始,你只需提供单个 1024x1024 图标,Xcode 会自动生成其余尺寸。但了解所有尺寸仍然很重要。

基础尺寸倍率实际像素用途是否必需
20x20@2x40x40通知 (iPhone)推荐
20x20@3x60x60通知 (iPhone)推荐
20x20@1x20x20通知 (iPad)可选
20x20@2x40x40通知 (iPad)推荐
29x29@2x58x58设置 (iPhone)推荐
29x29@3x87x87设置 (iPhone)推荐
29x29@1x29x29设置 (iPad)可选
29x29@2x58x58设置 (iPad)推荐
40x40@2x80x80Spotlight (iPhone)推荐
40x40@3x120x120Spotlight (iPhone)推荐
40x40@1x40x40Spotlight (iPad)可选
40x40@2x80x80Spotlight (iPad)推荐
60x60@2x120x120应用图标 (iPhone)必需
60x60@3x180x180应用图标 (iPhone)必需
76x76@1x76x76应用图标 (iPad)可选
76x76@2x152x152应用图标 (iPad)必需
83.5x83.5@2x167x167应用图标 (iPad Pro)必需
1024x1024@1x1024x1024App Store必需
注意:从 Xcode 14+ 起,只需在 Asset Catalog 中提供一个 1024x1024 的图标,Xcode 会自动生成其他所有尺寸。iOS 图标不要添加圆角 — 系统会自动裁切圆角。图标必须为 PNG 格式,不支持透明度(alpha 通道)。

Android 图标尺寸

Android 使用密度桶(density buckets)来适配不同屏幕分辨率的设备。从 Android 8.0 (API 26) 起,推荐使用自适应图标(Adaptive Icons)。

尺寸 (px)密度缩放倍数用途是否必需
48x48mdpi1x启动器图标必需
72x72hdpi1.5x启动器图标必需
96x96xhdpi2x启动器图标必需
144x144xxhdpi3x启动器图标必需
192x192xxxhdpi4x启动器图标必需
512x512Google Play 商店必需

自适应图标 (Android 8.0+)

自适应图标由前景层和背景层组成,总画布为 108x108 dp,安全区域为中心 72x72 dp(每侧 18 dp 裁切区)。

密度全画布 (px)安全区域 (px)裁切区 (每侧)
mdpi (1x)108x10872x7218px
hdpi (1.5x)162x162108x10827px
xhdpi (2x)216x216144x14436px
xxhdpi (3x)324x324216x21654px
xxxhdpi (4x)432x432288x28872px
提示:自适应图标允许不同启动器裁切为不同形状(圆形、方圆形、方形等)。务必确保关键内容位于 72dp 安全区域内。Google Play 要求上传 512x512 的 PNG 图标。

macOS 图标尺寸

macOS 应用使用 .icns 文件格式,内含多种尺寸。图标应在 1024x1024 画布上设计,并包含所有以下尺寸。

尺寸 (px)文件名后缀用途是否必需
16x16icon_16x16.pngFinder 列表/侧边栏必需
32x32icon_16x16@2x.pngFinder 列表 (Retina)必需
32x32icon_32x32.pngFinder / Dock (小)必需
64x64icon_32x32@2x.pngFinder / Dock (Retina)必需
128x128icon_128x128.pngFinder 图标视图必需
256x256icon_128x128@2x.pngFinder 图标 (Retina)必需
256x256icon_256x256.pngFinder 预览必需
512x512icon_256x256@2x.pngFinder 预览 (Retina)必需
512x512icon_512x512.pngFinder 大图标必需
1024x1024icon_512x512@2x.pngFinder (Retina) / App Store必需
注意:macOS 图标通常带有圆角矩形轮廓和阴影效果。与 iOS 不同,macOS 不会自动裁切圆角 — 你需要自己设计带圆角的图标。使用 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商店小图标推荐
提示:Windows .ico 文件可以包含多种尺寸。建议至少包含 16、32、48 和 256 四种尺寸。256x256 应使用 PNG 压缩以减小文件大小。磁贴图标应使用透明背景,磁贴背景色在应用清单中设置。

PWA / Web 应用图标尺寸

渐进式 Web 应用(PWA)通过 manifest.json 声明图标。以下是推荐的完整图标集。

尺寸 (px)用途是否必需
72x72旧版 Android 主屏幕可选
96x96旧版 Android 启动画面可选
128x128Chrome 网上应用店推荐
144x144Windows 8 磁贴推荐
152x152iPad 触控图标推荐
192x192Android Chrome 主屏幕必需
384x384Android Chrome 启动画面推荐
512x512PWA 启动画面 / 安装提示必需

manifest.json 示例

{ "name": "My App", "short_name": "App", "icons": [ { "src": "/icons/icon-72.png", "sizes": "72x72", "type": "image/png" }, { "src": "/icons/icon-96.png", "sizes": "96x96", "type": "image/png" }, { "src": "/icons/icon-128.png", "sizes": "128x128", "type": "image/png" }, { "src": "/icons/icon-144.png", "sizes": "144x144", "type": "image/png" }, { "src": "/icons/icon-152.png", "sizes": "152x152", "type": "image/png" }, { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/icons/icon-384.png", "sizes": "384x384", "type": "image/png" }, { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" }, { "src": "/icons/maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ], "theme_color": "#6c63ff", "background_color": "#ffffff", "display": "standalone" }
提示:至少需要 192x192 和 512x512 两个尺寸才能通过 PWA 安装条件。建议额外提供一个 "purpose": "maskable" 的图标,以便在 Android 上正确适配自适应图标形状。Maskable 图标的安全区域为中心 80% 区域。

应用图标设计最佳实践

1. 使用 PNG 格式并保留透明度

所有平台都支持 PNG 格式。对于需要透明背景的场景(Android、Windows 磁贴),使用带 alpha 通道的 PNG。注意 iOS App Store 图标不允许透明度。

2. 在 1024x1024 画布上设计,向下缩放

始终从最大尺寸(1024x1024)开始设计,然后逐步缩小。这样可以确保在所有尺寸下保持一致性。使用矢量工具(Figma、Sketch、Illustrator)以便无损缩放。

3. 小尺寸要保持简洁

在 16x16 或 29x29 等极小尺寸下,复杂的细节会完全丢失。考虑为小尺寸制作简化版本的图标,例如只保留首字母或核心图形元素。

4. 在深色和浅色背景下测试

用户可能使用深色模式或浅色模式。确保你的图标在两种背景下都清晰可见、辨识度高。避免使用纯白或纯黑作为图标主色。

5. iOS 图标不要添加圆角

iOS 系统会自动为图标应用圆角蒙版。如果你手动添加圆角,最终效果会出现双重圆角或不对齐。提交方形、无圆角的图标即可。

6. Android 8+ 使用自适应图标

自适应图标让不同的启动器可以将图标裁切为不同形状(圆形、方圆形等)。提供前景层和背景层,并确保关键内容在 72dp 安全区域内。

7. 为 PWA 提供 Maskable 图标

Maskable 图标的安全区域为中心 80%。在 manifest.json 中添加 "purpose": "maskable" 的图标条目,让 Android 能正确适配自适应形状。可以使用 maskable.app 在线预览效果。

8. 不要在图标中使用文字

App 图标在小尺寸下文字几乎无法辨认。使用图形符号代替文字。如果品牌必须包含文字,确保只使用 1-2 个字母。

各平台关键尺寸速查

快速查看每个平台最重要的图标尺寸:

平台应用商店图标最大应用图标最小图标格式
iOS1024x1024180x180 (@3x)20x20PNG (无透明)
Android512x512192x192 (xxxhdpi)48x48PNG / WebP
macOS1024x1024512x51216x16ICNS (PNG)
Windows300x300310x310 (大磁贴)16x16ICO / PNG
PWA512x51272x72PNG