如何把 PNG/SVG 转换成 Scratch 角色（两种简单方法）

你手上有一张好图——一幅画、游戏素材包里的资产、一套矢量图——想把它变成 Scratch 项目里可编程的角色。好消息：Scratch 可以直接导入 PNG、JPG 和 SVG，所谓「转换」通常就是一次上传。真正的功课在于知道什么时候要先把 PNG 转成干净的 SVG——这正是本篇要讲清楚的。

Scratch 支持什么格式（速查）

方法一：直接上传（最快）

如果文件已经是干净的 PNG 或 SVG，不需要任何转换：

1. 打开 Scratch 项目。
2. 悬停在角色面板上方的加号圆圈 → 上传角色。
3. 选中你的 PNG 或 SVG → 打开。

完成。图片立刻变成可编程的角色。

方法二：先把 PNG 转成干净 SVG（游戏素材推荐）

位图放大失真、也没法做分层动画。转成 SVG 两个问题都解决：

1. 打开 PNG 转 Scratch SVG 转换器。
2. 上传 PNG（JPG 也可以），转换器会把位图描摹成平滑的矢量路径。
3. 预览结果，检查边缘是否干净、细节是否保留。
4. 下载 SVG，再通过「上传角色」导入 Scratch。

对游戏角色来说这一步最有价值：转换后的 SVG 在不同场景里缩放始终清晰，路径在 Scratch 的绘画编辑器里也保持可编辑。

转换其他工具的 SVG（Figma / Illustrator / Inkscape）

专业矢量文件能导入 Scratch，但几个导出设置决定了结果是干净素材还是坏文件：

• 导出前拍平。 Scratch 支持群组和路径，但层级过深的嵌套结构容易出问题，导出前先拍平。
• 不要内嵌位图。 一个「SVG」里面贴着 PNG，本质还是位图。导出前把这类内容换成真正的矢量形状。
• 简化路径。 成百上千个节点会让文件很重、Scratch 编辑器变卡。用 Simplify / 减少节点（Inkscape：路径 → 简化）。
• 导出为普通 SVG，不要 SVGZ 或压缩变体。
• 注意文字元素。 导出前把文字转成路径，否则 Scratch 可能耗子无此字体、显示异常。

常见问题与修复

描摹出来的 SVG 一团糊

自动矢量化会合并小细节。调低描摹细节、先处理源图（提高对比度、减少颜色），或用分辨率更高的原图描摹。

文件巨大，Scratch 变卡

上千条路径的复杂 SVG 会拖慢绘画编辑器。简化路径、删除隐藏/无用图层，或把一个复杂角色拆成两个简单角色。

角色颜色丢了

部分 SVG 导出用 CSS 类或外部样式表，Scratch 不读取。重新导出时选择表现属性（样式直接写在元素上）而不是独立 CSS。

透明背景不见了

PNG 自带背景的话，SVG 转换时背景也被描摹进去了。先用抠图工具去背景，再转换。

常见问题

SVG 一定比 PNG 好吗？

对角色素材来说，多数情况是的：任意缩放清晰、文件小、透明、支持分层。PNG 适合单件、单一尺寸使用的扁平素材。

能把 Scratch 里的角色导出来吗？

可以。打开造型标签页，对任意造型点导出按钮，即可保存为 SVG 或 PNG。

转换后的角色在 TurboWarp 里能用吗？

可以——TurboWarp 完全兼容 Scratch 的 SVG 处理，转换后的角色表现完全一致。

能批量转换多张 PNG 吗？

Scratch 一次只能给一个角色上传一个文件。批量操作时先把每张 PNG 转成 SVG，再逐个上传——或者直接从免费素材库拿现成的分层角色，完全跳过转换。

画在纸上的图怎么处理？

光线均匀地拍照，裁剪到角色，清理背景，然后 PNG 转 SVG。KidSprite 的 AI 流程也能直接把涂鸦照片变成干净的分层 SVG。

现在就转换你的第一张图

打开 PNG 转 Scratch SVG 转换器，拖入图片，一分钟内下载干净的 SVG——无需注册。

继续探索

• 如何向 Scratch 添加自定义角色 — 分步上传教程，含平板/iPad
• Scratch 免费角色素材库 — 2000+ 分层 SVG 角色随时下载
• 自定义 Scratch 角色制作器 — 用 AI 或模板创建角色
• Scratch 角色素材制作器：5 种方法 — 各种角色创作方式对比