What Is a Spritesheet?
A spritesheet (or sprite atlas) is a single image that contains multiple smaller images — typically frames of animation or individual game assets — arranged in a grid or packed layout. Game developers and animators use spritesheets to reduce the number of HTTP requests and texture bindings, improving performance.
How This Tool Works
Upload your spritesheet and choose how to split it:
- Grid Mode — Specify the number of columns and rows. The tool divides the image into equal-sized cells. You can also set padding if your spritesheet has spacing between sprites.
- Auto Detect — Uses flood-fill to find connected regions of non-transparent pixels. Best for spritesheets with transparent backgrounds where sprites are separated by empty space.
After slicing, select the sprites you want and download them individually as PNGs or all at once in a ZIP archive.
Tips for Best Results
- Grid mode works best when all sprites are the same size and evenly spaced.
- Auto detect works best with transparent backgrounds (PNG). Adjust the alpha threshold if some faint pixels are causing issues.
- Enable "Skip Empty" to automatically remove blank cells from grid-based sheets.
- Pixel art spritesheets display with crisp edges thanks to pixelated rendering.
Frequently Asked Questions
Is my image uploaded to a server?
No. Everything runs locally in your browser using the Canvas API. Your images never leave your device.
What image formats are supported?
You can upload PNG, JPG, or WebP spritesheets. All extracted sprites are exported as PNG to preserve transparency.
Can I select specific sprites to download?
Yes. After slicing, click on individual sprites to toggle their selection. Use "Select All" or "Deselect All" for bulk actions. The download buttons only export selected sprites.
What is the alpha threshold in auto-detect mode?
The alpha threshold determines how transparent a pixel must be to count as "empty." A value of 0 means only fully transparent pixels are ignored. Increase the threshold to treat semi-transparent pixels as empty, which can help with anti-aliased edges or noisy backgrounds.