Sprite Sheet Cutter: Split a Spritesheet Into Individual Frames
Split a PNG, JPG or WebP sprite sheet into individual PNG frames in your browser. Set rows, columns, outer padding and spacing, then check the numbered regions before downloading selected frames or a ZIP. Existing transparency is preserved without resizing. Your selected image stays on your device.
- Local processing
- No sign-up
- No watermark
Steel blade
Battle axe
Health potion
Arcane crystalThe sample loads automatically, or choose your own image.
| Input | Static PNG, JPG or WebP; up to 20 MB |
|---|---|
| Source size | 8192 px per axis; 32,000,000 pixels |
| Grid | 1–256 rows or columns; at most 256 total regions |
| Frame size | Calculated from source size, grid, outer padding and spacing |
| Outer padding | 0–64 px |
| Frame spacing | 0–64 px |
| Transparency | Existing alpha preserved; opaque backgrounds remain opaque |
| Export | Selected individual PNG frames or a ZIP; no Godot resource export |
Check the illustrated PNG-frame example: source frames, finished PNG, matching JSON, or follow the guide. Phaser loads the atlas; Unity and Godot use their own slicing workflow.
How to check that your artwork stays local
- Open your browser’s Network panel and clear its request list after the page loads.
- Choose a non-sensitive test image or GIF in the matching tool, change the layout, and export it.
- Inspect any new requests: selected artwork should not be sent in a request body. Page assets and consented analytics are separate from artwork processing.
This is a check you can repeat, not an independent security audit or a promise of offline availability. Save your exports before leaving the page.
How to Split a Sprite Sheet Into Individual Frames
Open Your Sprite Sheet
Open a static PNG, JPG, or WebP sheet. It is decoded locally, with no server upload. Start with the bundled sample to learn how the controls relate to frame boundaries.
Set Rows, Columns, Padding and Spacing
Enter the source grid counts. Outer padding excludes the margin around the sheet; spacing excludes the gaps between neighboring cells. Use the preview to confirm that each region contains one complete pose.
Preview Numbered Frames and Download
Inspect the numbered crops, select the frames you need, and download one PNG or the selected set as a ZIP. This sprite sheet extractor keeps the frames’ original pixels and transparent areas.
Grid Settings: Rows, Columns, Padding and Spacing
frame width = (image width − 2 × padding − (columns − 1) × spacing) ÷ columnsDownload One Frame or All Frames as a ZIP
Select a frame to save it individually, or select the full set for a ZIP. PNG names use a zero-padded sequence such as frame_000.png, frame_001.png, and frame_002.png. Selected-frame ZIPs keep the same source frame numbers as individual downloads, so you can identify a pose across separate exports.
Original Pixels, No Upscaling
Each crop is copied at its source dimensions without interpolation or enlargement. A transparent PNG or WebP stays transparent. A JPG remains opaque because it has no source alpha channel; saving it as PNG does not remove its background.
When Grid Splitting Is Not Enough
This page produces separate frame files. Use the matching tool for the next job: combine frames into a new sheet, rearrange a static strip, or decode an animation. Keep the source format and the output you need in mind when choosing.
Sprite Sheet Splitter FAQ
How do I split a sprite sheet into individual frames?
Open the sheet and enter its rows, columns, outer padding, and spacing. Check that each preview contains a complete pose. Select the frames and download individual PNGs or a ZIP.
Are my images uploaded to a server?
No. Reading, cropping, and packaging happen in your browser. We do not upload the selected artwork or keep a cloud copy. Save your exported files before you refresh or close the tab.
My sprite sheet isn't a perfect grid. Can I still split it?
Transparent separators may let gap detection find usable regions. Otherwise try a manual grid only if the original layout actually has regular cells. An arbitrary irregular atlas needs its original metadata or a custom-region editor; a grid cannot recover every packed layout.
Does the tool detect frames automatically?
It can detect empty transparent rows and columns. This is deterministic gap detection, not content recognition. Opaque, touching, or irregularly packed sprites may need a manual grid or a different editor.
Will transparency be preserved?
Yes, when the input PNG or WebP contains transparent pixels. Frame exports use PNG with alpha. JPG has no transparency, so its background remains opaque.
Will my frames be scaled or upscaled?
No. Crops use the original pixel dimensions at 1:1. The preview may be visually enlarged for inspection, but the downloaded PNG is not enlarged or interpolated.
Can I download all frames at once?
Yes. Select all frames and download a ZIP, or select a smaller set. The current tool supports up to 256 regions from a static PNG, JPG, or WebP no larger than 20 MB and 32 million pixels, with an 8192-pixel maximum dimension.
Can I put the frames back into a sprite sheet?
This page exports individual frames only. To arrange them into one new image and matching coordinates, open the sprite sheet maker from the related tools below.