图稿转 iOS 资源

把图稿导入 Xcode,资源元数据已配置好。可选择矢量图像,或 1×、2×、3× PNG。

导出移动端资源

SVG, PNG, JPG, WebP, HEIC · 最大 8 MB · 你自己的文件和已解锁的结果免费

登录后可使用你已解锁的结果。 以小写字母开头,只能使用字母、数字和下划线。 16–512 pt。仅适用于 PNG 版本;高度随图稿比例计算。矢量资源保持其自身比例。

这个工具能做什么

把你的图稿打包成 Xcode 资源:简单 SVG 生成矢量图像资源(开启 Preserve Vector Data),或按你选择的宽度生成 1×、2×、3× PNG。透明度和比例都会保留。PNG、JPG、WebP 或 HEIC 只能生成 PNG;要得到矢量资源,请先把它描摹成 SVG。

出于安全考虑,脚本、动画、嵌入的网页内容、链接以及任何会加载其他文件的内容都会被移除;你的图稿以及内嵌的 PNG、JPEG 或 WebP 图片会保留。结果中会列出所有被移除的内容。

输入、输出与限制

输入

矢量资源需要 SVG;PNG 版本可用 SVG、PNG、JPEG、WebP 或 HEIC

输出

包含 Assets.xcassets 和命名好的 .imageset 的 ZIP

限制

文件最大 8 MB;PNG、JPG 和 WebP 图片最多 24 百万像素,导出前会缩放到 1,536 px。矢量输出最多支持 2,000 条路径和 500,000 个路径字符。处理时限:30 秒。

使用方法

1

选择源文件

上传图稿,或选择一个已解锁的 SVG 结果。

2

选择矢量或 PNG

矢量资源需要简单的 SVG 和 iOS 13 及以上版本。PNG 版本请以 point 为单位选择图片宽度;导出时每 point 分别对应 1、2、3 个像素。

3

添加 imageset

解压后,把命名好的 .imageset 拖进现有的 Assets.xcassets。在 SwiftUI 中使用 Image("artwork"),并替换成你的资源名称。

常见问题排查

这是应用图标或 SF Symbol 吗?

不是。imageset 是普通的图像资源。启动器图标请使用应用图标生成器;SF Symbols 需要另一套制作流程。

我的 SVG 有渐变或特效

选择 PNG 版本。矢量选项只接受纯色形状,并会明确告诉你哪些内容无法使用。

使用权限与价格

对你上传的文件或已解锁的结果使用此工具不消耗积分。 访客文件保留 24 小时,账户文件保留 30 天。详见价格。

移动端资源指南

如何把 SVG 转成 Android XML一张图片生成 Android 和 iOS 应用图标Xcode 图像资源该用 SVG 还是 PNG?

相关工具

制作你的应用图标Android 和 iOS 资源包SVG 转 Android VectorDrawableSVG 路径转 Android XMLSVG 转 PNG 转换器将 SVG 渲染为 PNG,最高 4,096 px在线 SVG 编辑器在浏览器中改色、改形和导出