Sprite Sheet Splitter
A sprite sheet packs every animation frame into one image on a regular grid, so a game loads a single file instead of dozens. Splitting one means dividing its width by the number of columns and its height by the number of rows, then cutting each cell out.
How to split a sprite sheet into frames
Add your sheet
Drop the sprite sheet or tileset onto the drop zone, or click to choose it.
Set the grid
Enter how many columns and rows the sheet has. The frame size is worked out for you and shown alongside.
Check the preview
The first two rows of cells appear as thumbnails so you can confirm the grid lines up before exporting.
Download the ZIP
Every frame is saved as a numbered PNG inside a single ZIP file.
Why use this tool
Grid by columns and rows
Sheets are described by their grid, not by pixel dimensions, so that is what you enter. Frame size is derived and displayed.
Preview before exporting
Thumbnails of the first cells show immediately, which catches an off-by-one grid before you download anything.
Skips blank frames
Sheets are often padded to a rectangle with empty cells. Fully transparent frames can be left out of the ZIP.
Zero-padded filenames
Frames are numbered with leading zeros so they sort correctly in every file browser and animation importer.
Runs entirely in your browser
Your sheet is never uploaded.
About this tool
A sprite sheet is one image holding many smaller ones laid out on a grid. Games use them because loading a single texture is dramatically faster than loading fifty separate files, and because drawing from one texture avoids expensive state changes on the graphics card. The same idea shows up in tilesets for level art and in icon sheets on the web.
Splitting one back apart is straightforward as long as the grid is regular: divide the sheet width by the number of columns and the height by the number of rows to get the cell size, then cut each cell out in reading order. This tool takes the column and row counts rather than a pixel size, because that is how sheets are actually described, and because deriving the cell size that way avoids leaving a sliver of a partial cell at the right or bottom edge.
Two details matter in practice. Sheets are frequently padded out to a full rectangle with empty cells at the end, so blank frames can be skipped rather than cluttering the export. And filenames are numbered with leading zeros, because frame-9 sorting after frame-10 breaks the import order in most animation tools. If the sheet does not divide evenly by your grid, a warning appears rather than silently producing misaligned frames. For related work there is the collage maker for the reverse operation, the image cropper, and the ZIP creator.
Frequently asked questions
- What is a sprite sheet?
- A single image containing many smaller images arranged on a grid, usually the frames of an animation or the tiles of a level. Games use them because one texture loads and draws far more efficiently than many.
- How do I know the columns and rows?
- Count them on the sheet, or divide the sheet dimensions by the frame size if you know it. The preview thumbnails will look misaligned immediately if the grid is wrong.
- What if the sheet has uneven spacing or margins?
- This tool assumes a regular grid with no margin or gutter. Sheets with padding between cells will come out with slivers of the neighbouring frames included.
- Why are the frames numbered with leading zeros?
- So they sort correctly. Without padding, frame-10 sorts before frame-9 in most file browsers and animation importers, which scrambles the playback order.
- Is there a limit on the number of frames?
- Four hundred, which covers essentially every real sheet. The cap exists because each frame is encoded separately in your browser and a very large grid would tie up the page.
- Is my sheet uploaded anywhere?
- No. The image is sliced and zipped in your browser and never leaves your device.
Related tools
Photo Collage Maker
Combine several photos into a grid, rows, or columns. Adjust spacing, corner rounding, and background, then download a single image.
Image Cropper
Crop a photo to any size or a fixed aspect ratio, right in your browser.
Create ZIP File
Bundle any set of files into a single .zip archive, right in your browser.
Image Color Counter
Count how many distinct colours an image contains, and list the ones it uses most.
Extract Color Palette from Image
Pull the dominant colors out of any photo as a palette of swatches with HEX and RGB codes, click to copy, or copy all as CSS variables.
Image Color Picker
Hover over an image to preview any pixel, click to save it, and copy HEX, RGB, and HSL values.