Sprite sheet maker
Combine separate frame images into one sprite sheet PNG, in a grid with optional padding. Free sprite sheet generator in your browser, with a live animation preview.
Select all your frame images at once and get one sprite sheet. Files are put in name order, with frame2 before frame10. Everything runs in your browser: your file is never uploaded, there is no sign-up and no watermark.
How to make a sprite sheet from frames
- Export your animation frames as PNG files (from Aseprite, Krita, Blender, After Effects or any tool), numbered in order.
- Press Choose file above and select all the frames together, or drag them all onto the box.
- Check the preview. Frames of different sizes are centred on the largest one with their bottoms lined up, so a character's feet stay put.
- Under Sprite sheet, set Columns (one row: set it to the frame count) and Padding (1 or 2 px stops neighbouring frames bleeding in when the engine filters the texture).
- Press Download sprite sheet (PNG), then use the numbers under Import settings in your engine.
Grid or packed?
This maker writes a grid sheet: every frame in a cell of the same size. Every engine can slice a grid with no extra file. Packed sheets (frames trimmed and fitted tightly) save texture memory but need a data file such as TexturePacker JSON to say where each frame is. The studio exports packed sheets with TexturePacker, Godot and Aseprite data for effects you make there.
Common sizes
| Use | Frame size | Frames |
|---|---|---|
| Pixel art character | 32 x 32 or 64 x 64 | 4 to 12 per move |
| Pixel art effect | 64 x 64 or 96 x 96 | 8 to 16 |
| HD effect | 256 x 256 or 512 x 512 | 16 to 32 |
| UI pickup or sparkle | 64 x 64 or 128 x 128 | 8 to 12 |
Put effects on your sprite
Fire, sparks, auras, hit flashes and dissolves on your own character: describe it to the AI agent (20 builds to start, free) or pick from 510+ free effects.
Questions
Is this sprite sheet maker free?
Yes, with no sign-up, watermark or limit on use. It runs in your browser, so your frames are never uploaded anywhere.
In what order are the frames placed?
In file name order, counting numbers the way people do, so frame_2 comes before frame_10. Rename the files if you need a different order.
Should I add padding?
Add 1 or 2 px when your game scales or filters the texture, or when you see thin lines from the next frame at the edge of a sprite. Pixel art drawn at 1x with nearest filtering usually needs none.
Can I make a sprite sheet with JSON data?
This free tool writes the grid sheet and shows the grid numbers. The studio writes TexturePacker JSON, Godot SpriteFrames, Aseprite JSON and GameMaker strips for effects made there, with a plan.