跳过主要内容
PNG 帧合成精灵图

PNG 转精灵图

上传 PNG 帧、调整顺序并预览动画。导出包含精灵图或独立 PNG 帧及 JSON 时序数据的 ZIP。基础转换免费,无需登录。

最多 120 张 PNG 帧图保留透明背景下载 ZIP
PNG 帧工作台PNG 帧图

上传素材

拖入 PNG 帧图

PNG · 最多 120 帧
PNG 序列帧制作流程

如何将 PNG 序列帧合成为精灵图

上传已有的 PNG 帧。SpriteFrame 会按文件名中的数字自然排序、保留透明度,导出前还可检查动画顺序。

  1. 01

    上传序列帧

    一次选择最多 120 张 PNG。walk_2.png、walk_10.png 这类文件名会按数字自然排序,之后也能手动调整。

  2. 02

    检查动画

    预览播放效果,删除不需要的帧并调整循环区间。每张图片原有的透明区域会保留。

  3. 03

    导出游戏素材

    选择精灵图或独立 PNG 帧,设置每帧尺寸,下载包含 PNG 图片和 JSON 时序数据的 ZIP。

示例:八帧走路动画

把单张动作图整理成图集

假设你有八张透明背景的走路画面,可以一起上传、检查顺序,再导出图集。JSON 记录帧顺序和时间;实际播放由游戏引擎设置。

输入walk_01.png … walk_08.png8 张透明 PNG 帧
下载sheet_01.png + animation.json包含在一个 ZIP 中

PNG 合成常见问题

需要注册账号吗?

不需要。用自己的 PNG 帧进行合成、编辑和导出均免费。可选的 AI 抠图需要积分。

PNG 尺寸不同怎么办?

编辑器会用透明画布对齐图片,导入时不会拉伸原图;导出时可以另选每帧尺寸。

可以下载单独的帧吗?

可以。导出时选择 PNG 序列帧,ZIP 会包含独立画面和 JSON 时序数据。

文件在哪里处理?

基础 PNG 编辑在浏览器内完成。只有主动使用 AI 抠图时,所处理的帧才会发送到 fal.ai。

导出的 JSON 可作为帧顺序和时间参考;在游戏引擎中仍需设置切片与播放。 Godot · Unity