提交一个 App 要准备十几二十个图标尺寸，很容易漏。这份速查表按平台列清 iOS 与 App Store、Android 自适应图标与 Google Play、Windows ICO、macOS icns、PWA 图标的具体要求，并给出一次生成全部尺寸的做法——纯浏览器本地处理。
为什么要这么多尺寸
图标要出现在主屏、设置列表、通知栏、应用商店、任务栏等十几个位置，每个位置的显示尺寸、屏幕像素密度（@2x / @3x）、甚至系统施加的遮罩形状都不一样。让系统去拉伸一张图会糊，所以各平台都要求提前提供多个尺寸，由系统挑最合适的那一档。
好消息是：你不需要手工做二十张图。正确流程是做一张 1024×1024 的高清母版，再用工具派生出其余尺寸。下面按平台给出具体清单。
iOS 与 App Store
iOS 侧最容易出错的一点：图标不能带透明通道、也不能自带圆角——系统会统一加，源文件带了就会出现黑底或重影。
| 用途 | 尺寸（px） | 说明 |
|---|
| App Store 提交 | 1024 × 1024 | 必填，方形、无 alpha、无圆角，PNG 或 JPG |
| iPhone 主屏 @3x | 180 × 180 | 全面屏机型的主要尺寸 |
| iPhone 主屏 @2x | 120 × 120 | 较老机型 / 兼容档 |
| iPad 主屏 @2x | 167 × 167 | iPad Pro 系列 |
| iPad 主屏 @2x | 152 × 152 | 常规 iPad |
| iPad 主屏 @1x | 76 × 76 | 兼容档 |
| Spotlight 搜索 | 80 × 80 / 120 × 120 | @2x / @3x |
| 设置列表 | 58 × 58 / 87 × 87 | @2x / @3x |
| 通知 | 40 × 40 / 60 × 60 | @2x / @3x |
实际开发里，Xcode 的资源目录会自动要求这些槽位。最小可用集合：1024（商店）+ 180 / 120（iPhone）+ 167 / 152（iPad）+ 40 / 58 / 60 / 80 / 87（系统界面）。
Android 自适应图标与 Google Play
Android 8.0（API 26）起引入自适应图标（Adaptive Icon）：图标被拆成前景层 + 背景层，系统按厂商遮罩裁剪成圆形、圆角方形、水滴等形状，还能配合动效。
| 项目 | 规格 | 说明 |
|---|
| 画布尺寸 | 108 × 108 dp | 整块画布（xxxhdpi 下为 432 × 432 px） |
| 可见安全区 | 中心 72 × 72 dp | 关键图形必须留在这里，边缘随时可能被裁 |
| 前景层 / 背景层 | 各 108 × 108 dp | 背景层可铺满，前景层通常内缩留出边距 |
| Google Play 商店图标 | 512 × 512 px | 32 位 PNG（可含 alpha），最大 1 MB |
| 传统 launcher 图标 | 48 / 72 / 96 / 144 / 192 px | mdpi / hdpi / xhdpi / xxhdpi / xxxhdpi |
| 通知小图标 | 24 × 24 dp | 单色白色剪影，系统会上色 |
常见翻车点：把完整 Logo 铺满 108dp 画布，结果在圆形遮罩设备上四角被切掉。正确做法是把主体压缩到中心 72dp 安全区内，背景层单独铺满。
Windows 与 macOS
Windows 桌面应用用 .ico 容器，一个文件里塞多档尺寸，系统按场景自动选：
- 常用档位：16、24、32、48、64、128、256 px（16 用于任务栏与标题栏，256 用于大图标视图）；
- Microsoft Store 上架另需一组商店磁贴尺寸（如 300×300、150×150、71×71、44×44 等）。
macOS 用 .icns，内含 16 到 1024 的多个档位及 @2x 变体。实际只需准备一张 1024 × 1024 的 PNG，交由工具生成完整 icns；Mac App Store 提交同样用 1024×1024。
Windows ICO 的格式原理、与 PNG 的区别和制作方法，可以看我们的 ICO 文件完全指南。
网站 Favicon 与 PWA
Web 侧同样是一组尺寸：favicon.ico（内含 16/32/48）、PNG 192×192 与 512×512（PWA manifest 使用）、apple-touch-icon 180×180（iOS 添加到主屏）。完整的平台差异与可直接复制的 HTML 声明代码，见 Favicon 完全指南。
实操：一次生成全部尺寸
与其逐档手工导出，不如让工具批量处理。本站 图标工坊 IconForge 全程在浏览器本地完成，图片不上传服务器：
- 准备母版：上传一张 1024×1024（或更大）的方形高清图，透明背景或纯色底均可，主体居中并留出安全边距。
- 选择目标尺寸：勾选需要的档位——App 图标（iOS 180/120/167/152、Android 512/432/192）、Windows ICO 多尺寸（16–256）、macOS 1024。
- 可选双变体：需要适配深色模式时，生成 Light / Dark 两套图标，分别用于亮/暗主题。
- 打包下载：一键导出为 ZIP，按平台分目录命名，直接拖进 Xcode / Android Studio / Visual Studio 的资源目录即可。
网站的 favicon 与 PWA 图标则用 Favicon 生成器 一键打包，会自动带上 HTML 声明代码片段。
常见问题
Q：App Store 图标必须是 1024×1024 吗？
A：是的。App Store Connect 要求提交一张 1024×1024 px 的 App 图标，且必须是不含透明通道、不含圆角的方形图（系统会在展示时统一加圆角）。它同时用于 App Store 展示页，因此也是你最该认真打磨的一张。
Q：Android 自适应图标是什么？和普通图标有什么区别？
A：自适应图标（Adaptive Icon，Android 8.0 起）把图标拆成前景层与背景层，由系统按不同厂商的遮罩裁剪成圆形、圆角方形、水滴形等。画布是 108×108 dp，其中中心 72×72 dp 是安全区，超出部分随时可能被裁掉——所以关键内容要留在中心安全区内，背景层可以铺满整块画布。
Q：为什么 iOS 图标不能有透明通道和圆角？
A：因为 iOS 会统一为所有图标添加圆角遮罩与视觉效果。如果源文件自带 alpha 透明或已经画好圆角，叠加系统遮罩后会出现黑底（透明区域被填黑）或圆角重影。所以提交前务必把图标压平成不带透明的方形 PNG。
Q：一个 App 到底要准备多少个尺寸的图标？
A：日常开发不必每个都手工做。iOS 侧通常准备 App Store 1024、主屏 180 与 120、iPad 167 与 152，再加上设置与通知用的 40/58/60/80/87；Android 侧准备 Google Play 512 与自适应图标 108dp 的前后景；Windows 用一张含 16–256 多尺寸的 ICO；macOS 用 1024 生成 icns。其余交给工具从一张高清源图派生。
Q：可以直接把一张大图缩放成所有小尺寸吗？
A：技术上可以，但小尺寸直接等比缩放会让细节糊成一团。成熟做法是准备 1024 高清母版，然后逐档降采样（1024→512→256→128→64→32→16），并在最小尺寸上手工简化图形、加粗描边、去掉文字——16px 的图标能保留的只有一个可识别的轮廓。
Q：怎么一次性生成这些尺寸的图标？
A：本站图标工坊 IconForge 支持一次上传后批量导出 ICO 与 PNG 全尺寸包，并可选 Light/Dark 双变体，全部在浏览器本地完成、图片不上传服务器。网站的 favicon 与 PWA 图标则可用 Favicon 生成器一键打包。
免费在线一次生成全部图标尺寸
ICO + PNG 多尺寸批量导出 · 可选 Light/Dark 双变体 · 打包 ZIP 下载 · 纯浏览器本地处理
打开图标工坊 →
Why So Many Sizes?
An icon appears on the home screen, in Settings, in notifications, in the app store, on the taskbar — a dozen places, each with its own size, pixel density (@2x / @3x), and even mask shape. Letting the system upscale one image looks blurry, so every platform asks you to ship several sizes up front and picks the best match.
The good news: you should not hand-craft twenty files. Make one 1024×1024 master, then derive the rest with a tool. Here is the per-platform checklist.
iOS & App Store
The most common iOS mistake: no alpha channel and no pre-drawn rounded corners. iOS applies both; if your source has them you get a black box or doubled corners.
| Purpose | Size (px) | Notes |
|---|
| App Store submission | 1024 × 1024 | Required — square, no alpha, no rounded corners, PNG or JPG |
| iPhone home @3x | 180 × 180 | Primary size on modern full-screen devices |
| iPhone home @2x | 120 × 120 | Older devices / fallback |
| iPad home @2x | 167 × 167 | iPad Pro family |
| iPad home @2x | 152 × 152 | Standard iPad |
| iPad home @1x | 76 × 76 | Compatibility |
| Spotlight | 80 × 80 / 120 × 120 | @2x / @3x |
| Settings | 58 × 58 / 87 × 87 | @2x / @3x |
| Notifications | 40 × 40 / 60 × 60 | @2x / @3x |
In practice Xcode's asset catalog asks for these slots. A workable minimum set: 1024 (store) + 180 / 120 (iPhone) + 167 / 152 (iPad) + 40 / 58 / 60 / 80 / 87 (system UI).
Android Adaptive Icons & Google Play
Since Android 8.0 (API 26), adaptive icons split an icon into a foreground and a background layer. The system masks the pair into circles, squircles, teardrops, and can animate them.
| Item | Spec | Notes |
|---|
| Canvas | 108 × 108 dp | Full canvas (432 × 432 px at xxxhdpi) |
| Visible safe zone | Center 72 × 72 dp | Keep key art here — edges can be cropped |
| Foreground / background | 108 × 108 dp each | Background may fill; foreground is usually inset |
| Google Play store icon | 512 × 512 px | 32-bit PNG (alpha allowed), max 1 MB |
| Legacy launcher icons | 48 / 72 / 96 / 144 / 192 px | mdpi / hdpi / xhdpi / xxhdpi / xxxhdpi |
| Notification icon | 24 × 24 dp | Monochrome white silhouette, tinted by the system |
Classic pitfall: spreading the logo across the full 108dp canvas — circular masks then clip the corners. Compress the subject into the center 72dp safe zone and let the background layer fill the canvas.
Windows & macOS
Windows desktop apps use the .ico container — multiple sizes in one file, picked per context:
- Common steps: 16, 24, 32, 48, 64, 128, 256 px (16 for the taskbar and title bar, 256 for large icon view);
- Microsoft Store listings need a separate tile set (300×300, 150×150, 71×71, 44×44, and more).
macOS uses .icns, bundling 16 through 1024 including @2x variants. In practice you only supply a 1024 × 1024 PNG and let a tool build the icns; the Mac App Store also wants 1024×1024.
For how the ICO format works and how to make one, see our Complete Guide to ICO Files.
Favicons & PWA Icons
The web needs a small set too: favicon.ico (16/32/48 inside), PNG 192×192 and 512×512 for the PWA manifest, and apple-touch-icon 180×180 for iOS home screens. Full platform differences and copy-paste HTML declarations live in our Complete Favicon Guide.
How to Generate Every Size at Once
Rather than exporting slot by slot, let a tool batch it. This site's IconForge runs entirely in your browser — images are never uploaded:
- Prepare a master: upload a 1024×1024 (or larger) square, transparent or solid background, subject centered with safe margins.
- Pick target sizes: check the slots you need — app icons (iOS 180/120/167/152, Android 512/432/192), Windows ICO steps (16–256), macOS 1024.
- Optional dual variants: for dark mode support, generate Light and Dark sets for light/dark themes.
- Download the bundle: export everything as one ZIP, organized per platform, ready to drop into Xcode / Android Studio / Visual Studio asset folders.
For website favicons and PWA icons, the Favicon Generator bundles everything and includes the HTML snippet.
FAQ
Q: Must the App Store icon be 1024×1024?
A: Yes. App Store Connect requires a 1024×1024 px icon that is square, with no alpha channel and no pre-drawn rounded corners (the system adds those). It also represents your app on its store page, so it deserves the most polish.
Q: What is an Android adaptive icon?
A: Introduced in Android 8.0, an adaptive icon is split into foreground and background layers that the system masks into circles, squircles, or teardrops per device. The canvas is 108×108 dp with a 72×72 dp safe zone in the center — anything outside may be cropped, so keep key art central and let the background fill the canvas.
Q: Why can't iOS icons have transparency or rounded corners?
A: iOS applies its own corner mask and effects to every icon. If your source already has alpha or drawn corners, you end up with a black square (transparent areas filled) or doubled rounding. Flatten the icon to an opaque square PNG before submitting.
Q: How many icon sizes does an app really need?
A: You don't hand-make each one. On iOS prepare 1024 (store), 180 and 120 (home), 167 and 152 (iPad), plus 40/58/60/80/87 for system UI. On Android prepare 512 for Play and the 108dp adaptive foreground/background. Windows wants one multi-size ICO (16–256); macOS wants 1024 to generate the icns. Derive the rest from a high-res master.
Q: Can I just downscale one big image into every size?
A: Technically yes, but a straight downscale turns small sizes to mush. The professional workflow is a 1024 master, then stepwise downsampling (1024→512→256→128→64→32→16) with manual simplification at the smallest steps: thicker strokes, fewer shapes, no text. At 16px, only a recognizable silhouette survives.
Q: How do I generate all these sizes at once?
A: This site's IconForge exports a full ICO + PNG multi-size bundle from a single upload, with optional Light/Dark variants, entirely in your browser — nothing is uploaded. For website favicons and PWA icons, the Favicon Generator bundles them in one click.
Generate Every Icon Size — Free
ICO + PNG multi-size batch export · Optional Light/Dark variants · ZIP download · Runs in your browser
Open IconForge →