免费 App 图标缩放器:iOS、Android 与 Web
上传一张方形图标,调整留白与背景色,一次性下载 iOS、Android、macOS、watchOS、Windows、Chrome 与 PWA 的成品资源包。图片全程不离开你的浏览器。
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
三步完成 App 图标缩放
从一张母版图到全部上架尺寸,无需设计工具,也无需上传。
- 1
上传母版图标
拖入 PNG、JPG、WebP 或 SVG 文件。1024x1024 的母版能在所有输出尺寸下保持最清晰的效果。
- 2
调整留白与背景
加上安全区边距,避免设备蒙版裁掉图案主体;为要求不透明的商店填充背景色,压平透明区域。
- 3
选择平台并下载
勾选 iOS、Android、Web 或全部八个目标,下载一个 ZIP,文件夹命名、Contents.json 与 manifest 片段都已就位。
iOS、Android 与 Web 的 App 图标尺寸表
商店审核先看硬性数字,再看设计。下面是每个目标平台的要求,也是本缩放器从一张母版生成的全部内容。
| 目标平台 | 需要交付的尺寸 | 格式规则 |
|---|---|---|
| App Store(iOS) | 1024x1024 px 母版 | PNG,无透明通道,直角 |
| iPhone 与 iPad 主屏幕 | 18 个文件,20x20 至 1024x1024 | Xcode 14 起由母版自动派生全部尺寸 |
| Android 启动图标 | 48、72、96、144、192 px mipmap | 每个密度一张 PNG,另含圆形变体 |
| Android 自适应图标 | 108x108 dp 画布,66 dp 安全区 | 前景与背景两层;蒙版因设备而异 |
| Google Play 商店图 | 512x512 px | 32 位 PNG,无透明,不超过 1 MB |
| Web favicon | 16、32、48 px 合成一个 .ico | 另附独立 PNG 兜底 |
| iOS 网页书签图标 | 180x180 px apple-touch-icon | 不透明 PNG;圆角由 iOS 系统添加 |
| PWA manifest | 192x192 与 512x512 px | PNG;建议提供 maskable 变体 |
| Chrome 扩展 | 16、32、48、128 px | PNG,写入 Manifest V3 |
| macOS 与 watchOS | 每套 10 个与 17 个文件 | AppIcon.appiconset 目录加 Contents.json |
尺寸依据 Apple 与 Google 2026 年开发者文档。缩放器输出与本表一致。
各平台如何处理你的图标
缩放只完成一半工作。每个平台对图标的蒙版、缩放与分层方式都不同,弄清差异就能解释大多数被拒上传的原因。
iOS 与 iPadOS。Xcode 14 起,Apple 只要求一张 1024x1024 母版:无透明、不预制圆角。Xcode 会自动生成 18 个 appiconset 文件,圆角蒙版在显示时由系统添加,所以画布始终保持完整方形。
Android。Android 8 及以上从自适应图标绘制启动图标:前景层与背景层叠放在 108x108 dp 画布上。各设备的蒙版从圆形到超椭圆再到圆角方形不等,66 dp 中心圆之外的内容都可能被裁掉,这就是留白决定图案能否存活的原因。
Web 与 PWA。一个 Web 应用需要浏览器标签页用的 favicon、iOS 书签用的 180x180 apple-touch-icon,以及安装提示所需的 192x192 与 512x512 manifest 图标。导出包里附带 site.webmanifest 文件和可直接粘贴的 HTML head 片段。
跨端框架。ZIP 沿用标准 android/res/mipmap-* 资源目录结构,Android 文件可直接放进 Flutter 或 React Native 工程,1024x1024 母版也可作为 flutter_launcher_icons 的唯一输入源。
让 App 图标待在安全区内
多数缩放问题都源于铺满整个画布的图案。四条规则能让主体在任何尺寸下都安全。
给图案加边距,而不是改画布
iOS 上让 logo 大致控制在中心 80% 以内,自适应图标控制在 66 dp 圆内。留白滑块可以实时预览边距效果。
不要预制圆角
iOS、Android 与 Google Play 都在显示时套用自己的蒙版。预先做圆角的图会在四角露出背景色缝隙。
导出前压平透明
App Store 与 Google Play 会拒绝带 alpha 通道的图标。用纯色背景填充透明区域,不要交付透明 PNG。
在 48 px 下检查图案
启动图标与 favicon 常在 48 px 以下显示。如果在那个尺寸读不出来,先简化图案再缩放。
缩放 App 图标的三种方式
浏览器内缩放器、常见在线缩放工具与设计软件手动导出,解决的是同一个任务,成本各不相同。
| 本页浏览器内缩放器 | 常见在线缩放工具 | 设计软件导出 | |
|---|---|---|---|
| 单次覆盖平台 | 8 个目标,含 watchOS、Windows、Chrome | 多数只覆盖 iOS 与 Android | 每次导出一个尺寸 |
| 你的图片 | 始终留在浏览器里 | 通常要上传到服务器 | 留在本机 |
| 留白与安全区 | 滑块调节并实时预览蒙版 | 基础功能或没有 | 手动拉参考线 |
| 输出结构 | 文件夹、Contents.json、manifest、HTML 片段 | 散装 PNG 的 ZIP | 散装导出文件 |
| Favicon .ico 编码 | 内置多分辨率 .ico | 部分提供 | 需要插件或脚本 |
| 自适应形状预览 | 圆形、超椭圆、水滴、圆角方形 | 很少有 | 没有 |
| 费用 | 免费 | 免费但有限制 | 软件授权或订阅 |
基于 2026 年常见在线缩放工具与设计软件的公开功能列表。
App 图标缩放器输出什么
每个平台资源包都从你调好留白与背景的母版生成,文件名与目录结构符合各平台约定。
iOS 与 iPadOS 资源集
18 个 appiconset 文件,20x20 到 1024x1024,附带 Xcode 可直接使用的 Contents.json。
Android mipmap 与自适应包
五个密度目录加圆形图标、自适应图标 XML 与 512x512 Play 商店图。
Web、PWA 与 favicon 包
多分辨率 favicon.ico、180x180 apple-touch-icon、192 与 512 manifest 图标,外加 head 片段。
macOS、watchOS 与 Windows 资源集
Mac 与 Apple Watch 的 AppIcon.appiconset 目录、Windows app.ico 与 MSIX 磁贴资产。
Chrome 扩展图标
16、32、48 与 128 px PNG 附 Manifest V3 片段,放进扩展目录即可。
发送到工作区
登录用户可把缩放后的图标直接推入 SparkIconAI 项目画布,留作后续变体。
App 图标缩放器常见问题
关于尺寸、格式与上传被拒的常见问题。
App 图标应该是什么尺寸?
App Store 交付 1024x1024 px PNG,Google Play 交付 512x512 px PNG。从 20x20 的 iOS 设置图标到 192x192 的 Android xxxhdpi 启动图标,其余尺寸都由 Xcode、Android Studio 或本缩放器从母版派生。
如何缩放 iPhone 用的 App 图标?
把 1024x1024 母版上传到缩放器,图案四周留一点边距,下载 iOS 资源包。包内有 18 个 appiconset 文件和 Xcode 需要的 Contents.json,整个文件夹可直接拖进 Assets.xcassets。Xcode 14 起,App Store Connect 只需要一张 1024x1024 图标。
怎么把手机主屏幕上的图标调大?
这个设置在手机上,不在图片里。iOS 18 及以上:长按主屏幕空白处,点“编辑”,再点“自定义”,在小、中、大之间切换。Android 取决于启动器:长按壁纸进入主屏幕设置找图标大小。本页面向的是开发者交付给商店的图标资源。
为什么我的 App 图标在 Android 上像被裁掉了?
Android 8 及以上用 108x108 dp 自适应画布给每个启动图标套蒙版,蒙版形状因设备而异:圆形、超椭圆、水滴或圆角方形。66 dp 中心圆之外的图案在部分设备上会被裁掉。增加留白直到主体进入中心圆即可,留白滑块与形状预览就是为此准备的。
iOS App 图标支持透明背景吗?
不支持。App Store Connect 要求每个像素都是不透明的,带 alpha 通道会导致上传报错。如果源图标有透明区域,导出前在缩放器里选一个纯色背景填充,压平后的 PNG 就能通过校验。
App 图标需要自己做圆角吗?
不需要。iOS、Google Play 与 Android 启动器都在显示时套用自己的圆角蒙版,而且蒙版随设备与系统版本变化。预制圆角的图会在四角露出背景色缝隙。导出完整方形,把圆角交给系统。
缩放后的图标怎么加进 Xcode 工程?
解压下载的 ZIP,把 ios/AppIcon.appiconset 文件夹拖进 Xcode 的 Assets.xcassets,替换原有资源集。附带的 Contents.json 已列出全部文件,无需手动指定。
这些图标能用在 Flutter 应用里吗?
可以。ZIP 里的 android/res/mipmap-* 目录遵循标准 Android 资源结构,可直接复制进 Flutter 工程的 android 目录,也可以把 1024x1024 母版交给 flutter_launcher_icons。iOS 侧照常通过 Xcode 资产目录接入。