App图标尺寸指南

应用图标尺寸指南是一张静态的速查表,列出了 iOS 和 Android 应用开发中最常用的图标像素尺寸及其用途,方便你准备图标素材时对照。它只是一份参考资料:页面里没有上传、缩放或自动生成多尺寸图标的功能,也不会检查你的图片是否合规。你需要自己用设计软件或开发工具导出这些尺寸。

怎么查看和使用

1. 页面分成两张表:「iOS 应用图标尺寸」和「Android 应用图标尺寸」。每一行左边是像素尺寸(如 1024×1024),右边是它的用途说明。
2. 先确定你要发布的平台。iOS 看第一张表,Android 看第二张表,两个平台都做就两张表都要对照。
3. 用设计软件按表中的像素尺寸分别导出 PNG 图片。建议先画一张 1024×1024 或更大的高清母版,再缩小导出各个尺寸,这样比反复放大小图清晰得多。
4. iOS 表里每个尺寸后面括号写明了它对应的点数(pt)和倍率,例如 60pt @3x 就是 180×180 像素。实际在 Xcode 的资源目录里,按槽位提供对应像素的图片即可。
5. 提交应用商店审核前,按页面底部的提醒,对照 Apple 的 Human Interface Guidelines 和 Google 的 Material Design 文档确认最新规范。

表中的尺寸是怎么来的

iOS 的尺寸来自「点数 × 倍率」。例如 iPhone 主屏幕图标是 60pt,在 @3x 屏幕上是 60×3=180 像素,在 @2x 屏幕上是 120 像素;iPad Pro 的 83.5pt @2x 是 167 像素;Spotlight 搜索 40pt @2x 是 80 像素;设置页面 29pt @3x 是 87 像素,@2x 是 58 像素。1024×1024 的图标用于 App Store 商店展示,页面注明它不能带透明度。Android 的几个尺寸对应不同屏幕密度档位:mdpi 48、hdpi 72、xhdpi 96、xxhdpi 144、xxxhdpi 192 像素;Google Play 商店图标是 512×512。自适应图标(Adaptive Icon)的前景和背景层是 432×432,页面指出实际可见区域通常是中心大约 66%,所以重要内容要放在中间,避免被不同设备的蒙版形状裁掉。

支持范围与已知限制

• 这是静态参考表,不会读取你的文件、不会生成图标,也没有下载按钮。
• iOS 表只列了 8 个尺寸,Android 表列了 7 项。并不是 Apple 或 Google 要求的全部规格,比如通知图标、较小的 iPad 图标、以及 Android 较早期的其他规格和新平台上的主题图标等没有包含在内。页面把它定位为「核心常用」的子集。
• 苹果和谷歌会随系统版本调整规范。页面内容没有标注更新日期,所以不要把它当作最新官方规范使用,提交审核前请以官方文档为准。
• 只提供像素尺寸和用途,不涉及圆角、安全区、格式、色彩空间等设计细节。圆角通常由系统自动应用,不要自己提前裁成圆角。
• Android 部分只列出传统 mipmap 档位、商店图标和自适应图标的图层尺寸,不涵盖通知栏小图标等其他图标。
• 表格不区分你用的是原生开发、Flutter、React Native 还是其他框架,各框架可能有自己的图标生成工具和命名约定。

常见问题:为什么 App Store 图标不能有透明度?

页面注明 1024×1024 的商店展示图标不能带透明度。实践中这意味着导出时需要使用不透明的背景填满整张图,而不是留透明的边角。圆角由系统处理,所以不要在图上自己画圆角。

常见问题:Android 的 432×432 自适应图标为什么要留边?

自适应图标由前景层和背景层叠加,系统再用不同形状的蒙版(圆形、圆角方形等)裁切。页面说明可见区域大约是中心 66%,所以 Logo 的重要部分应该放在中央范围内,边缘部分可能被裁掉。

常见问题:我只想做一个图标,必须全部导出吗?

不一定。现在的开发工具通常可以从一张大尺寸的母版自动生成各档图标,例如 Xcode 的资源目录和 Android Studio 的图标向导。本页的作用是让你知道每个尺寸的用途,在需要手动准备的时候不会遗漏。具体你需要提供哪些尺寸,以你使用的工具链为准。

常见问题:和「屏幕分辨率参考」有什么关系?

没有直接关系。这里的尺寸是图标的像素规格,而屏幕分辨率参考是显示设备的分辨率标准。两者用途不同。

隐私与处理方式

这个页面没有输入框,也不处理任何文件。它只是显示内置在页面里的静态表格,不发起网络请求,不收集或上传任何数据。