Sprite Sheet Splitter
Split a sprite sheet into individual frame images using a grid you define — free and processed entirely in your browser.
About the Sprite Sheet Splitter
A sprite sheet packs many animation frames or game assets into one image, which is efficient for a game engine but useless the moment you need to work with a single frame on its own. This tool slices a sprite sheet back into individual images, based on a grid you define — number of columns and rows, or an exact frame size.
Preview the grid overlaid on your sprite sheet before slicing, so you can confirm the alignment is right. Every frame downloads together as a single zip of individually numbered PNGs. Everything runs locally in your browser using the Canvas API.
How to Split a Sprite Sheet
Step 1
Upload your sprite sheet
Drag and drop the sprite sheet you want to split.
Step 2
Define your grid
Set the number of columns and rows, or an exact frame width and height.
Step 3
Download your frames
Get every individual frame as a numbered PNG, packaged in a zip.
Frequently Asked Questions
How do I define the grid — by frame count or frame size?
Either — set columns/rows if you know the division, or exact pixel width/height per frame if you know the dimensions.
What if my sprite sheet has margins or spacing between frames?
Set spacing/margin values before slicing so cuts line up with actual frame boundaries.
How are output files named?
Numbered in reading order (left to right, top to bottom) — frame-001.png, frame-002.png, etc.
Is my sprite sheet uploaded anywhere?
No. Slicing happens entirely in your browser using the Canvas API.