精灵图切割工具

将精灵图切割成单独的帧并导出JSON元数据

上传任意精灵图,设置行列数,预览动画效果,导出完美裁剪的帧和JSON图集。非常适合需要处理AI生成的精灵图,让其能够直接导入游戏引擎。

精确的切割控制

调整行列数以匹配任何精灵图布局,不会丢失对齐。

导出前预览

在浏览器中查看每一帧和动画速度,立即发现偏移问题。

PNG + JSON 输出

导出单独的PNG帧和符合游戏引擎需求的JSON清单。

为干净、可复用的帧而设计

停止手动裁剪图集。使用切割工具保持每一帧对齐、调整大小,并用元数据记录以便快速导入任何引擎。

  • 非常适合需要精确切割的AI生成精灵图。
  • 实时预览帮助您在导出前调整行列数和FPS。
  • 导出JSON图集,保持帧坐标与加载器同步。

精灵图切割工具

上传精灵图,设置行列数,预览每一帧,无需离开浏览器即可导出PNG帧和JSON元数据。

切割已有精灵图

上传已有精灵图(PNG/JPG)

然后设置下方行列数以切割帧。

提示:如果网格不规则,调整行/列并看预览以对齐。

精灵图预览

尚未选择精灵图

上传已有精灵图后再切割帧。

帧与动画预览
8
先生成/切割精灵图后即可查看帧和动画预览。

专为干净帧输出打造的精灵图切割器

上传任何精灵图,设置行列数,并以精准尺寸切割帧,同时导出JSON元数据,快速导入游戏引擎。

本地私有切割

全部处理都在浏览器完成,素材不会上传,保护未发布的角色资产。

行列灵活调整

快速调节行列数,轻松处理不规则或AI生成的精灵图布局。

帧尺寸实时可见

即时查看帧尺寸,方便按游戏引擎要求对齐和优化图集。

PNG帧 + JSON图集

导出单独的PNG帧以及包含坐标顺序的JSON清单,方便脚本或引擎读取。

动画预览

导出前播放切割后的帧,检查节奏、间距和角色位置。

多引擎兼容输出

输出的PNG/JSON可直接用于Unity、Godot、虚幻、Phaser、Construct等任意流程。

如何无损切割精灵图

通过三个步骤即可将现有精灵图拆分成可直接导入引擎的帧。

上传精灵图

拖拽或选择PNG/JPG/WEBP,整个切割过程都在本地浏览器完成。

设置行列数

调整行列并使用FPS滑块预览,确保每一帧对齐完美。

导出帧和JSON

下载干净的PNG帧以及包含坐标的JSON图集,让加载器直接读取。

精灵图切割常见问题

关于将现有精灵图切割成带有JSON元数据的独立帧的常见问题解答。

1

切割过程会将素材上传到服务器吗?

不会。切割完全在浏览器端运行,素材不会离开您的设备,非常适合需要保密的项目。

2

AI生成的精灵图行列不齐怎么办?

调整行列直到预览无误,实时预览会显示帧大小,方便导出前微调。

3

支持哪些导出格式?

可以导出PNG帧和包含帧坐标的JSON清单,可直接用于Unity、Godot、虚幻、Phaser以及Web流程。

4

精灵图大小有上限吗?

现代浏览器都能处理较大的PNG,性能主要取决于您的设备内存和GPU。

5

导出前可以预览动画吗?

可以。通过FPS滑块预览切割后的帧,确认节奏与间距后再导出PNG和JSON。

精确切割

从任何精灵图导出干净的帧,无需手动裁剪

使用浏览器内切割和JSON元数据,保持您的AI或手绘精灵完整且可直接导入。

开始切割