手机应用图标:尺寸、规格与设计指南
一枚手机应用图标要同时在两个场合生效:在手机主屏上,它和几十个邻居挤在一起,显示尺寸只有母版的零头;在应用商店里,上传文件先过像素规格检查,再轮到设计本身。本页把 iOS、Android 与 Google Play 的数字汇成一张表,讲清背后的设计规则,并演示如何用一句话提示词生成可直接上架的图标。
手机应用图标提示词示例
把下面任意一条复制进生成器,再把主体、风格和颜色换成你自己的。一条好的手机应用图标提示词要说清三件事:主体及其在方形画布中的位置、风格与颜色、图标上架的平台。
极简几何标志
Minimal mobile app icon, one geometric compass mark centered on a deep navy field, thick silhouette readable at 48 px, full square composition, no text, no baked rounded corners, iOS app icon style
照片风格应用图标
Photo app icon for a photography portfolio, single camera lens subject with soft depth of field, warm amber tones, subject filling two thirds of the square, crisp edges, mobile application icon style
自适应图标友好的字母标
Android adaptive app icon, bold letter M centered inside the safe zone, solid teal background layer, white foreground mark, simple shapes, no thin strokes that break at small sizes
三步做出一枚手机应用图标
从一句话到全套商店尺寸,全程不需要打开设计软件。
- 1
描述这枚图标
用一句话写清主体、风格与颜色,以及上架平台,例如 "a flat geometric wave mark, two colors, mobile application icon for a fitness app"。形状描述越具体,第一版结果越接近。
- 2
生成 1024 母版,先缩小检查
以 1024x1024 生成后,先预览 29 px 和 60 px 的效果再下判断。只在放大时好看的图标,放到主屏上会失效。
- 3
导出全套商店尺寸
从同一母版导出 App Store、自适应图层、Play 商店与 PWA 预设,每个文件都符合下表的格式规则。
各商店的手机应用图标尺寸全表
每个商店应用图标上传前都会先核对硬性数字,所以数字先行,全表如下。
| 平台 | 提交内容 | 格式规则 | 后续处理 |
|---|---|---|---|
| iOS(App Store Connect) | 一张 1024x1024 px 母版 | PNG、完全不透明、无透明通道、直角方形,不预绘圆角 | Xcode 自动派生 180、167、152、120、80、60、40、29 px 各档,显示时再套圆角遮罩 |
| Android(自适应图标) | 前景与背景图层,各 108x108 dp | 优先矢量;标志位于内侧 66 dp 安全区内;四周各 18 dp 为遮罩与视差留白 | 各设备按自己的形状(圆形、超椭圆、圆角方形)裁切图层 |
| Google Play 商店 | 一张 512x512 px 素材 | 32 位 PNG、sRGB 色、不超过 1024 KB、完整方形画面 | 商店自行处理圆角,所以必须上传完整方形 |
| PWA(可选) | 192x192 与 512x512 px | PNG,内容保持在可遮罩安全区内 | 浏览器与安装弹窗按各自形状裁切 |
自 Xcode 14 起,一张 1024x1024 母版覆盖所有 iOS 场景:iPhone 主屏 180x180 px、iPad Pro 167x167 px、iPad 152x152 px、旧款 iPhone 120x120 px,小到 Spotlight、通知与设置用的 80、60、40、29 px。你只需画一个不透明的直角方形,圆角由 iOS 负责。自适应格式把画面与遮罩分开。你提交带标志的前景图层和纯色或安静图案的背景图层,均为 108x108 dp。只有内侧 66 dp 保证可见,舍不得裁掉的内容就不要放出去。旧版启动器仍会读取 48 dp 传统 PNG,建议一并导出。Play 商店列表素材与 APK/AAB 内部的资源是两回事:512x512、32 位 PNG、sRGB、小于 1024 KB、完整方形。如果应用还能从浏览器安装,请在 manifest 里加 192x192 与 512x512 两张 PNG,内容收进可遮罩安全区,安装后的 PWA 会被像 Android 图标一样裁切。
手机应用图标实际会出现在哪里
手机应用图标出现的地方远不止主屏。它会出现在商店搜索结果里紧挨着竞品图标,出现在商品页截图旁边,出现在抽屉或应用资源库中,出现在 iOS 设置里的 29 pt 位置,以及 20 pt 的通知栏。按最小的场合先设计:在 29 px 仍然可辨认的图标,放到哪里都立得住。
获得手机应用图标的三种方式
AI 生成器、图标库与外包设计师都能产出一枚手机应用图标,区别在于成果归你所有的程度,以及交付速度。
| AI 图标生成器 | 图标库或模板 | 外包设计师 | |
|---|---|---|---|
| 独特性 | 每枚图标按你的提示词生成 | 与所有下载者共用 | 在需求范围内原创 |
| 出图时间 | 每个概念不到一分钟 | 翻找几分钟 | 每轮数天 |
| 成本 | 积分或订阅,免费起步 | 便宜到免费 | 每个项目数百元起 |
| 风格与颜色控制 | 完全可控,靠提示词与预设 | 固定套装 | 完全可控,靠功力 |
| 版权与上架风险 | 可直接用于上架应用 | 需核对授权条款,货架撞脸风险 | 需核对合同条款 |
| 之后扩成整套图标 | 同一提示词基底,可复现 | 跨库风格混杂 | 再来一轮 |
对比基于典型工作流,核实于 2026 年。
生成器为应用图标做了什么
从一条提示词到商店能接收的文件,中间的一切。
1024x1024 母版
每枚图标都按 App Store Connect 要求的尺寸生成,缩小后依然干净。
一键商店预设
同一母版导出 512x512 Play 素材、自适应图层与 PWA 尺寸,无需手动缩放。
不透明或透明导出
导出 iOS 要求的不透明 PNG,或 Android 图层与网页用的透明文件。
圆角预览,而非预绘圆角
预览 iOS 与 Android 遮罩的裁切效果,文件本身保持直角方形。
反复出变体,直到合适
重新生成同一概念的多个版本,先测颜色与笔画粗细再定稿。
一个标志,多种风格
极简、玻璃、3D、像素等预设,都为小屏标志调校过。
设计一枚在主屏上站得住的应用图标
手机应用图标的多数问题,出在错误的缩放比例上设计。四个习惯可以避免。按完整方形构图,顶到边,因为两家商店只做遮罩、不裁画面。笔画要粗,发丝线在 29 到 60 px 之间会消失。标志与背景保持高对比,因为主屏壁纸不由你控制。定稿前先看 29 px 的效果:用户第一次见到这枚图标,更可能在 29 px,而不是 1024 px。
这套流程适合谁
一张母版,导出到所有目的地,这就是全部思路。
独立 iOS 应用
提交 App Store 母版,其余尺寸交给 Xcode 派生,PNG 保持不透明。到应用图标生成器开始。
Android 工具应用
标志收进安全区的自适应图层,再加一张给旧启动器的 48 dp PNG。
PWA 与网页应用
192 与 512 可遮罩素材应对安装弹窗,配套 favicon 用网站图标生成器。
产品团队
复用同一条提示词,让多个应用保持一致的移动应用图标家族;需要扩展成套时再逛图标库。
商店列表焕新
换图标不换应用:导出、上传,当天下午就能更新列表。
手机应用图标常见问题
关于尺寸、格式与制作方式的常见问题。
手机应用图标应该做多大?
母版尺寸:App Store 用 1024x1024 px,Google Play 用 512x512 px。Android 自适应图层为 108x108 dp,标志收在内侧 66 dp 内。更小的尺寸都由商店派生或遮罩,所以只需按母版尺寸设计一次。
为什么 App Store 要求 1024x1024 的图标?
这是 iOS 使用的最大尺寸;自 Xcode 14 起,你只需提交一张不透明的 1024x1024 PNG,其余尺寸全部由 Xcode 派生。文件不能带透明通道,也不能预绘圆角,圆角由 iOS 自己套用。
手机应用图标可以有透明背景吗?
在 iOS 上不行:App Store 图标必须完全不透明,带透明的上传会被拒。Android 自适应图标用独立背景图层代替透明;网页格式如 PWA 图标和 favicon 则可以按设计需要使用透明。
什么是 Android 自适应图标?
一种双层格式,每层 108x108 dp,标志在前景层,颜色或图案在背景层。启动器按设备形状遮罩两层,四周各 18 dp 是为遮罩与效果留出的余量,实际内容要收在内侧 66 dp 安全区内。
应用图标和 logo 有什么区别?
logo 在你控制的表面上以任意尺寸呈现;应用图标在 29 px、别人的壁纸上、不由你选的遮罩里工作。应用图标需要更简单的形状、更强的对比和满方形构图,logo 可以保留更细的笔画。很多应用从同一个标志派生两者。
如何制作一枚手机应用图标?
用一句话写清主体、风格与平台,然后在应用图标生成器里生成 1024x1024 母版。拿不定主意就先选方向:摄影应用可用照片风格应用图标,工具应用用扁平标志;在 29 px 预览,清晰可辨后导出商店预设。