精灵图切割工具

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

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

精确的切割控制

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

导出前预览

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

PNG + JSON 输出

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

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

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

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

精灵图切割工具

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

切割已有精灵图

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

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

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

精灵图预览

尚未选择精灵图

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

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

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

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

01

本地私有切割

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

02

行列灵活调整

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

03

帧尺寸实时可见

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

04

PNG帧 + JSON图集

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

05

动画预览

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

06

多引擎兼容输出

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

如何无损切割精灵图

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

01

上传精灵图

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

02

设置行列数

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

03

导出帧和JSON

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

精灵图切割常见问题

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

精确切割

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

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

开始切割
精灵图切割工具 Online | AI Sprite Generator