AI 生成的 sprite sheet 网格不齐
当一张图里角色、地块或道具没有对齐标准网格时，可以先手动裁切，再重新拼成干净的 tileset。
编辑 AI 生成素材图并导出 Tiled 可用 tileset
一个用于裁切、对齐和重组 AI 生成游戏素材图的 sprite sheet 编辑器，可导出适合导入 Tiled 的标准 tileset。
- 上传 AI 生成的游戏素材图并局部裁切
- 按 32x32、64x64 或自定义尺寸对齐网格
- 重新排列素材并导出干净的 sprite sheet PNG
Source Image
上传并框选原始素材图
未加载图片
Grid Settings
设置 tile size、margin 和 spacing
0 tiles
如果源图带有棋盘格或纯色底，可以先移除背景，再导出透明 PNG 给 Tiled。
Captured Sprites
管理截图、预览切片并重新排版
已选 0 / 0 张截图
确认截图后，会在这里显示带切片网格的截图预览。
Layout Board
拖拽排列并导出新的 sprite sheet
勾选截图后，可在这里拖拽排版。
先勾选截图，再在这里自由拖拽排列布局。
Use Cases
这个工具适合解决什么问题？
Tiled 导入后切片错位
如果 32x32、64x64 或自定义格子对不上，先在这里调整 tile size、margin 和 spacing，再导出 PNG。
想从一张大图中挑出可用素材
你可以只保留真正需要的区域，把零散素材重组为更适合地图编辑器使用的 sprite sheet。
Features
Sprite Sheet 编辑器 能做什么？
上传 AI 生成的游戏素材图，预览原图并叠加参考网格。
手动框选局部 sprite 或一组素材区域，逐个确认保存。
按 32x32、64x64 或自定义尺寸切片，快速检查 tileset 对齐效果。
勾选截图后在排版区自由拖拽，重建更干净的 sprite sheet。
导出新的 PNG，用作 Tiled Map Editor 可导入的 tileset。
Workflow
使用步骤
- 上传一张 AI 生成的 sprite sheet 或游戏素材图。
- 在原图中框选需要保留的素材区域，并确认截图。
- 调整 tile width、tile height、margin 和 spacing，让网格对齐。
- 勾选截图后，在 Layout Board 中拖拽排列顺序与位置。
- 导出新的 sprite sheet PNG，并在 Tiled 中作为 tileset 导入使用。
FAQ
常见问题
什么是 sprite sheet？
sprite sheet 是把多个角色、地块、动画帧或道具整合到一张图片中的常见游戏素材格式。
什么是 tileset？
tileset 是按统一网格组织好的素材集合，方便在 Tiled Map Editor 这类工具中切片和铺地图。
为什么 AI 生成的 sprite sheet 经常对不齐？
因为 AI 更关注画面内容而不是严格像素网格，所以常会出现间距不一致、边界模糊或 tile 尺寸偏移的问题。
支持 32x32 和 64x64 吗？
支持，也支持自定义 tile size、margin 和 spacing，适合不同像素风项目。
可以用来整理 ChatGPT 生成的游戏素材图吗？
可以。只要素材图能导入浏览器，这个工具就可以帮助你裁切、对齐、重组并导出适合 Tiled 的 tileset。