iOS 应用图标生成器:Xcode 资源导出

为 iOS Xcode 项目导出包含 PNG 尺寸和 Contents.json 的 AppIcon.appiconset,替换资源前检查设计效果。

免费编辑与导出,无水印。AI 生成和 AI 编辑使用积分;完整编辑器适合桌面浏览器。

同一原图,调整构图后导出

用于演示的原始图标
原图
增加渐变背景与留白后的图标
编辑结果
32 像素导出预览
32 × 32 PNG

示例由仓库演示素材通过图标渲染器生成。具体平台的留白、遮罩和输出以所选预设为准。

操作步骤

  1. 导入设计,使用不透明方形背景。
  2. 选择 iOS 并下载压缩包。
  3. 在 Xcode 导入 AppIcon.appiconset 并验证 target 图标设置。

使用资源目录,而非零散文件

iOS 预设在 Assets.xcassets 下生成 AppIcon.appiconset。请将 Contents.json 与图片一起保留,让 Xcode 将文件对应到资源槽位。导入项目后,在 target 设置中选择正确的 App Icon Source。

让系统应用图标遮罩

常规 iOS 图标应使用方形不透明背景,不要预先裁掉圆角形成透明区域;系统会应用显示遮罩。这套 PNG 资源流程不会生成 Icon Composer 分层图稿,请在所用 Xcode 版本中检查资源警告。

当前预设的输出尺寸与文件

以下列表直接读取应用预设。项目配套文件由导出器追加;尺寸选择会影响实际导出内容。容器文件从下载的 ZIP 中提取。

查看 15 个图像输出
文件尺寸
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png20 × 20
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png40 × 40
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png60 × 60
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png29 × 29
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png58 × 58
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png87 × 87
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png40 × 40
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png80 × 80
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png120 × 120
Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png120 × 120
Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png180 × 180
Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png76 × 76
Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png152 × 152
Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png167 × 167
Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png1024 × 1024

常见问题

需要付费或登录吗?

普通图片编辑与导出可免费使用。AI 请求需要登录并使用积分;云同步等服务依据账户方案提供。

工具会自动修改我的项目吗?

不会。先在编辑器预览并下载资源,然后按项目要求手动接入。请保留现有图标备份并测试构建结果。