将精灵图切割成单独的帧并导出JSON元数据
上传任意精灵图,设置行列数,预览动画效果,导出完美裁剪的帧和JSON图集。非常适合需要处理AI生成的精灵图,让其能够直接导入游戏引擎。
精确的切割控制
调整行列数以匹配任何精灵图布局,不会丢失对齐。
导出前预览
在浏览器中查看每一帧和动画速度,立即发现偏移问题。
PNG + JSON 输出
导出单独的PNG帧和符合游戏引擎需求的JSON清单。
为干净、可复用的帧而设计
停止手动裁剪图集。使用切割工具保持每一帧对齐、调整大小,并用元数据记录以便快速导入任何引擎。
- •非常适合需要精确切割的AI生成精灵图。
- •实时预览帮助您在导出前调整行列数和FPS。
- •导出JSON图集,保持帧坐标与加载器同步。
精灵图切割工具
上传精灵图,设置行列数,预览每一帧,无需离开浏览器即可导出PNG帧和JSON元数据。
上传已有精灵图(PNG/JPG)
然后设置下方行列数以切割帧。
提示:如果网格不规则,调整行/列并看预览以对齐。
尚未选择精灵图
上传已有精灵图后再切割帧。
专为干净帧输出打造的精灵图切割器
上传任何精灵图,设置行列数,并以精准尺寸切割帧,同时导出JSON元数据,快速导入游戏引擎。
本地私有切割
全部处理都在浏览器完成,素材不会上传,保护未发布的角色资产。
行列灵活调整
快速调节行列数,轻松处理不规则或AI生成的精灵图布局。
帧尺寸实时可见
即时查看帧尺寸,方便按游戏引擎要求对齐和优化图集。
PNG帧 + JSON图集
导出单独的PNG帧以及包含坐标顺序的JSON清单,方便脚本或引擎读取。
动画预览
导出前播放切割后的帧,检查节奏、间距和角色位置。
多引擎兼容输出
输出的PNG/JSON可直接用于Unity、Godot、虚幻、Phaser、Construct等任意流程。
如何无损切割精灵图
通过三个步骤即可将现有精灵图拆分成可直接导入引擎的帧。
上传精灵图
拖拽或选择PNG/JPG/WEBP,整个切割过程都在本地浏览器完成。
设置行列数
调整行列并使用FPS滑块预览,确保每一帧对齐完美。
导出帧和JSON
下载干净的PNG帧以及包含坐标的JSON图集,让加载器直接读取。
精灵图切割常见问题
关于将现有精灵图切割成带有JSON元数据的独立帧的常见问题解答。
切割过程会将素材上传到服务器吗?
不会。切割完全在浏览器端运行,素材不会离开您的设备,非常适合需要保密的项目。
AI生成的精灵图行列不齐怎么办?
调整行列直到预览无误,实时预览会显示帧大小,方便导出前微调。
支持哪些导出格式?
可以导出PNG帧和包含帧坐标的JSON清单,可直接用于Unity、Godot、虚幻、Phaser以及Web流程。
精灵图大小有上限吗?
现代浏览器都能处理较大的PNG,性能主要取决于您的设备内存和GPU。
导出前可以预览动画吗?
可以。通过FPS滑块预览切割后的帧,确认节奏与间距后再导出PNG和JSON。
精确切割
从任何精灵图导出干净的帧,无需手动裁剪
使用浏览器内切割和JSON元数据,保持您的AI或手绘精灵完整且可直接导入。
