Sprite sheets pack dozens of frames or icons into one image to save texture memory and HTTP requests. That's great for shipping — and inconvenient the moment you need one frame as its own file. Here's how to slice a sheet back into individual images without opening Photoshop or writing an ImageMagick one-liner.
When a grid split works
A grid splitter handles the most common case: uniform sheets, where every cell has the same dimensions. That covers most character animation sheets (e.g. 8 frames of a walk cycle in a 4×2 layout), emoji and icon packs, tile sets for 2D games, and design-system component sheets.
If your sheet is packed — sprites of different sizes crammed together with a JSON atlas describing coordinates — you need the atlas data, not a grid. But uniform sheets are the 90 % case.
Work out the grid
You need two numbers: columns and rows. If the sheet is 512 × 256 and each sprite is 64 × 64, that's 8 columns × 4 rows. If you only know the sheet size, count the sprites across the top row and down the left edge — that is your grid.
Uneven division is a warning sign: a 500 px-wide sheet doesn't divide into 64 px sprites. Sheets with padding or margins between cells need that padding cropped off first, or the drift will accumulate across the row and later frames will be cut off-center.
Slice it
- Open the image splitter and drop the sheet on the mat.
- Enter your columns and rows under custom (up to 12 × 12 per pass).
- Keep the format on PNG — it preserves the alpha channel, so transparent backgrounds survive. JPEG would flatten transparency to a solid color and add compression artifacts around clean pixel edges.
- Split and download the ZIP. Files are named by position (
r1c1,r1c2…), which maps directly onto frame order for animation sheets.
For sheets larger than 12 × 12, split into halves first (2 × 1), then run each half — two passes cover a 24 × 12 sheet.
Pixel-art caveats
Grid splitting is exact: the cut coordinates are computed from the true pixel dimensions, not the on-screen preview, so 1-pixel sprites stay 1 pixel. Two things still worth checking:
- Odd dimensions. A 65 px-wide sheet split into 2 columns produces 33 px and 32 px tiles. The splitter rounds cut positions rather than dropping pixels, so nothing is lost — but frames won't be identical widths.
- Re-import settings. When you load slices into an engine like Godot or Unity, disable texture filtering/mipmaps for pixel art, or your crisp frames will come back blurry.
Since everything runs client-side, slicing a sheet with unreleased game art or client mockups doesn't send the file anywhere. Slice a sprite sheet now — it takes about fifteen seconds.