Sprite Sheet Cutter
Slice a sprite sheet image into individual frame images by grid or tile size. Free and private, entirely in your browser.
Input
Skip pixels from the top-left before slicing starts.
Gap between tiles, if the sheet has one.
Frames
Upload a sprite sheet to slice it into individual frames.
Guides
Slice a sprite sheet into individual frame images, entirely in your browser. Set a grid (rows & columns) or a fixed tile size, and every tile is cut out and offered as its own PNG, JPG, or WebP file.
How to use it
- Upload a sprite sheet — any image format your browser can display (PNG, JPG, GIF, WebP, etc).
- Choose how to slice it:
- Rows & columns — tell it how many tiles across and down the sheet has; the tile size is worked out from the image.
- Tile size (px) — tell it the exact width/height of one tile; the row/column count is worked out from the image, and any leftover strip that doesn't make a full tile is dropped.
- If the sheet doesn't start flush in the top-left corner, or has gaps between tiles, set Offset and Spacing.
- Pick an output format and download frames individually, or all at once as a
.zip.
Offset and spacing
- Offset skips a fixed number of pixels from the top-left before slicing starts — for a sheet with a border or a header row.
- Spacing is the gap, in pixels, left between tiles — some sprite sheets pack frames with a 1–2px buffer between them to prevent texture bleeding.
Skip fully transparent frames
Sparsely-packed sheets sometimes leave empty grid cells (a 5×5 grid holding only 22 real frames, say). Turn on "Skip fully transparent frames" and any tile that's 100% transparent is left out of the results entirely, so you don't have to manually delete blank frames afterward.
Choosing an output format
- PNG — keeps transparency; the right choice for sprites with a transparent background.
- JPG — smaller files, no transparency (transparent areas render as solid).
- WebP — smaller than PNG while still keeping transparency.
Tips
- Working with vector icons instead of a raster sprite sheet? The SVG Sprite Sheet Generator builds the sheet in the other direction — bundling individual icons into one SVG.
Is my file uploaded anywhere?
No. Reading the sheet and cutting each tile all happen on a <canvas> in your browser. Nothing is sent to a server.
Why do some frames get skipped?
If a row or column of tiles doesn't fully fit inside the image — after accounting for your offset and spacing settings — that leftover partial row/column is dropped rather than exported as a cropped, incomplete tile. Adjust the tile size, rows/columns, offset, or spacing so the grid lines up with your actual sheet.