Sprite Sheet Splitter

Sprite sheet image

Pick a file or drag & drop it onto this card. Processed locally in your browser; nothing is uploaded.

Cell width Cell height Padding (outer) Gap between cells

Sprite Sheet Splitter - Quick Cheat Sheet

Cell width/height: the exact tile size (e.g., 64x64 pixels).
Padding (outer): empty margin around the entire sheet before the first tile (left/top) and after the last (right/bottom).
Gap between cells: spacing between adjacent tiles inside the sheet.
Columns = ⌊(ImageWidth - 2xPadding + Gap) / (CellWidth + Gap)⌋/li>
Rows = ⌊(ImageHeight - 2xPadding + Gap) / (CellHeight + Gap)⌋
Tile origin for column c, row r: sx = Padding + c x (CellWidth + Gap), sy = Padding + r x (CellHeight + Gap)
All processing happens in your browser via a hidden <canvas>; individual tiles are offered as PNG downloads.
If your sheet includes bleed/trim lines, add Gap so crops avoid those lines.

Troubleshooting

If “0 tiles” are detected, verify cell size, padding, and gap. A single off-by-one can zero out the grid.
Use even cell sizes when your artwork snaps to a pixel grid.
Very large sheets can create many links; consider increasing cell size or filtering the output afterward.