Misaligned AI-generated sprite sheets
When characters, tiles, or props do not sit neatly on a consistent grid, you can crop the usable areas and rebuild them into a cleaner tileset.
Crop, align, and rebuild AI sprite sheets for Tiled
A simple sprite sheet editor to crop, align, and rebuild AI-generated game assets into clean tilesets for Tiled.
- Upload AI-generated game asset sheets and crop only the useful parts
- Align to 32x32, 64x64, or custom tile grids
- Rearrange sprites and export a clean sprite sheet PNG
Source Image
Upload and select from the original sheet
No image loaded
Grid Settings
Adjust tile size, margin, and spacing
0 tiles
If the source image has a checkerboard or flat backdrop, remove it first so Tiled receives a transparent PNG.
Captured Sprites
Review captures, inspect tiles, and rebuild the layout
0 / 0 captures selected
Captured areas will appear here with their tile grid preview after you confirm a selection.
Layout Board
Drag sprites into a new sprite sheet
After selecting captures, you can drag them here to arrange the layout.
Select one or more captures first, then drag them freely here to rebuild your layout.
Use Cases
What problems does this tool solve?
Broken slicing after importing into Tiled
If a 32x32, 64x64, or custom tileset keeps slicing incorrectly, adjust tile size, margin, and spacing here before exporting a new PNG.
Picking useful assets from a large generated image
Keep only the sprites you want, then reorganize them into a more practical sprite sheet for level design and map editing.
Features
What can Sprite Sheet Editor do?
Upload AI-generated game assets and preview the original sheet with an overlay grid.
Manually crop one sprite or a larger region and save each selection as a reusable capture.
Slice with 32x32, 64x64, or custom tile settings to check alignment before export.
Drag checked captures onto the layout board to rebuild a cleaner sprite sheet.
Export a new PNG that is easier to import into Tiled Map Editor as a tileset.
Workflow
How to use it
- Upload an AI-generated sprite sheet or any source image that contains game assets.
- Drag a selection around the assets you want to keep, then confirm the capture.
- Adjust tile width, tile height, margin, and spacing until the grid aligns properly.
- Select your captures and drag them around the layout board to rebuild the sheet.
- Export the new sprite sheet PNG and import it into Tiled as a tileset.
FAQ
Frequently asked questions
What is a sprite sheet?
A sprite sheet is a single image that contains many game assets such as characters, props, terrain tiles, or animation frames.
What is a tileset?
A tileset is a collection of assets arranged on a consistent grid so tools like Tiled Map Editor can slice and place them correctly.
Why are AI-generated sprite sheets often misaligned?
AI image generation focuses on visual composition rather than strict pixel-grid rules, so spacing, borders, and tile sizes often drift off-grid.
Does it support 32x32 and 64x64 tiles?
Yes. It also supports custom tile sizes, margin, and spacing, which is useful for different pixel-art workflows.
Can I use it for game assets generated by ChatGPT?
Yes. If the image can be loaded in the browser, this tool can help you crop, align, rebuild, and export it into a Tiled-friendly tileset.