Sprite Sheet Splitter
Split an existing sprite sheet into individual frames. Define rows and columns, preview the grid, and download as a ZIP.
Drag & drop your sprite sheet here
Set columns and rows, then split into frames and download as PNG or ZIP.
Or click to browse
PNG, JPEG, WebP, GIF, BMP
How It Works
Upload the sprite sheet
Drop in the sheet PNG you want to break apart.
Define the frame grid
Set rows, columns, offsets, and margins so the grid lines up exactly with the frames.
Download the frames
Export every frame as an individual image in a single ZIP.
Frequently Asked Questions
Offsets and margins are adjustable, so grids with padding or a border still slice cleanly — use the preview to confirm alignment before exporting.
Yes. Adjust rows and columns while watching the live preview; when the grid overlays each frame exactly, the settings are right.
No — slicing happens in your browser with the canvas API. Nothing is sent to a server.
Divide the sheet dimensions by the size of one frame — a 512×256 sheet of 64×64 sprites is 8 columns by 4 rows. If frames don't divide evenly, the sheet probably has margins or padding: nudge the offset and margin values until the preview grid snaps onto the frames.
Grid splitting works for uniform-cell sheets. Sheets packed with MaxRects or trimming place frames at irregular positions, so they need their metadata file to split correctly — if you have the JSON, your engine can already address each frame without splitting at all.
Common next steps: hand-edit individual frames in the Pixel Art Editor, re-pack them with different padding or trimming in the atlas packer, or re-time the animation by dropping or duplicating frames before rebuilding the sheet.