🎉 我们上线了 Product Hunt!支持我们并给我们反馈
返回

应用图标生成器

生成各种尺寸的 iOS 和 Android 应用图标

应用图标生成器
上传一张 1024x1024px 的 PNG 图片以生成所有平台的图标。

将图标拖放到此处

建议使用 1024x1024px 的正方形 PNG 或 JPG

iOS 和 macOS
Android

更改所有生成的 Android 图片的文件名

如何使用生成的图标:

对于 iOS:

  1. 1. 解压下载的文件
  2. 2. 将生成的 AppIcon.appiconset 文件夹拖入您的项目
  3. 3. 在您的项目导航器中,找到 Assets.xcassets 文件夹
  4. 4. 将生成的 AppIcon.appiconset 文件夹拖入其中
  5. 5. Xcode 将自动识别并应用图标

对于 Android:

  1. 1. 解压下载的文件
  2. 2. 导航到您的 Android 项目的 app/src/main/res 目录
  3. 3. 复制所有生成的 mipmap-* 文件夹
  4. 4. 将它们粘贴到您的 res 目录中,替换现有文件(如果需要)
  5. 5. 将现有项目中的图标替换为新图标

商店提交:

  • App Store: 使用 1024x1024.pngAppIcon.appiconset
  • Play Store: 使用 playstore.png (512x512) 从根目录
  • 两个商店还接收一个 appstore.png 在根目录中,方便使用

准备源图片

所有尺寸都是由同一张源图片缩小生成的,因此这一个文件的质量决定了整套图标的质量。请从 1024 × 1024(App Store 要求的尺寸)开始,其余尺寸交给工具生成。

源文件的要求

  • 正方形,至少 1024 × 1024 像素。尺寸更小的图片会被放大,在高分辨率屏幕上会显得模糊。
  • PNG 格式;如果图标用于 iOS,则不能包含透明通道。
  • 图形要能经受住 48 × 48 的考验——细小的细节和纤细的线条在最小尺寸下会完全消失。
  • 不要自己加圆角或投影,两个平台都会套用各自的遮罩。
  • 使用 sRGB 色彩空间。广色域配置文件在系统重新渲染图标后可能出现明显偏色。

iOS 图标尺寸

Xcode 的 Asset Catalog 会为每种设备和倍率要求对应的文件。1024 × 1024 是提交到 App Store Connect 的那一张,其余则用于设备本身。

用途尺寸(像素)倍率
App Store 商店页面1024 × 10241x
iPhone 主屏幕180 × 18060pt @3x
iPhone 主屏幕(较旧机型)120 × 12060pt @2x
iPad Pro 主屏幕167 × 16783.5pt @2x
iPad 主屏幕152 × 15276pt @2x
设置与搜索结果87 × 8729pt @3x
通知60 × 6020pt @3x

Android 图标尺寸

Android 是按密度分类而不是按具体机型来选取图标的。每个 mipmap 目录存放同一个图标的不同分辨率版本,启动器会挑选与屏幕匹配的那一个。

密度分类尺寸(像素)用途
Play Store listing512 × 512商店页面素材,与 APK 或 App Bundle 分开上传
mipmap-xxxhdpi192 × 192约 640 dpi——目前大多数旗舰手机
mipmap-xxhdpi144 × 144约 480 dpi——常见的中端机型和较旧的旗舰
mipmap-xhdpi96 × 96约 320 dpi
mipmap-hdpi72 × 72约 240 dpi
mipmap-mdpi48 × 48约 160 dpi——基准密度

自适应图标

Android 8.0 及以上会把前景层和背景层合成,并套用各设备自己的遮罩,可能是圆形、squircle 或圆角方形。请把有意义的画面内容保持在画布中央 66% 的范围内,因为超出部分在某些设备上会被裁掉。

常见错误

商店审核被拒和图标显示异常,几乎都能归到下面这几种情况。

App Store Connect 以「图标包含 Alpha 通道」为由拒绝

iOS 图标必须完全不透明。请把图片合并到纯色背景上,并重新导出为不含透明通道的 PNG。

图标出现双重圆角或边角被切掉

请提供完整的正方形。两个平台都会套用自己的圆角遮罩,事先做好圆角就会被切两次。

在部分 Android 设备上画面被裁掉一部分

各厂商的自适应图标遮罩并不一致。请把 logo 和文字保持在画布中央 66% 的范围内。

图标在主屏幕上根本看不清

在 1024 像素下清晰的文字标识,在 48 像素下是无法辨认的。请改用图形符号,并在发布前先检查最小尺寸的导出结果。

图标在高分辨率屏幕上发虚

源图小于 1024 × 1024,被放大了。请从矢量素材按完整尺寸重新导出,而不是拉伸位图。

Rocks Dev Dock 发布了 🥳

在工具内按 '+' 将您喜欢的工具添加到您的 dock。

使用我们的工具时不会收集数据,只是工具。