Sprite Sheet Generator
Pack your animation frames into a single sprite sheet, preview the animation live, and export a crisp PNG plus JSON metadata for your game engine. It's free, runs entirely in your browser, and nothing you load is ever uploaded.
Reorder frames with ◀ ▶, remove one with ✕. The animation on the right loops your frames in order at the chosen speed.
How to use the Sprite Sheet Generator
- Drop your animation frames onto the box, or click to pick several PNGs at once. Each image becomes one frame — sample frames load automatically so the tool is alive on first visit.
- Reorder frames with the ◀ ▶ buttons and drop any you don't want with ✕. Order is the play order.
- Set Columns (leave blank for an auto grid), pick a cell size (auto fits the largest frame, or go manual), and choose top-left or centered alignment.
- Add padding between cells and a transparent or solid background. Watch the packed sheet update instantly.
- Tune the preview speed (1–24 fps) and hit play/pause to check the loop.
- Export a crisp PNG for your texture and a JSON atlas describing every frame's position and size.
Why pack a sprite sheet
A sprite sheet, sometimes called a texture atlas, bundles every animation frame into one image laid out on a grid. Games load a single texture instead of dozens of files, which means fewer draw calls, faster load times, and tidier project folders. This sprite sheet packer keeps the workflow simple: it copies each frame into its cell with image smoothing switched off, so your pixel art stays sharp with zero blur. Frames can be different sizes — the auto cell mode sizes every cell to the largest frame and lets you align each one top-left or centered. The exported JSON lists the sheet dimensions, column count, cell size, padding, and a per-frame record of name, x, y, width and height. That is exactly the data a game engine needs to slice the sheet at runtime, whether you feed it to Phaser, Godot, Unity, or your own loader. Everything happens client-side, so turning a stack of animation frames into a shippable sprite sheet never sends your art anywhere.
Frequently asked
What is a sprite sheet and why pack one?
A sprite sheet (or texture atlas) is a single image holding every animation frame in a grid. Game engines load one texture instead of many files, which cuts draw calls and load time. This tool arranges your frames into that grid and hands you the coordinates.
Does the JSON work with my game engine?
The JSON lists the sheet size, columns, cell size, padding, and each frame's name, x, y, w and h in pixels. That's the same data Phaser, Godot, Unity and custom engines need to slice a sheet, so you can map it directly or with a tiny adapter.
Will my pixel art stay crisp?
Yes. Frames are drawn with image smoothing turned off, so pixels are copied one-to-one with no blur. The exported PNG is nearest-neighbor clean and ready for a pixel-perfect game.
Are my images uploaded anywhere?
No. Every frame is read, packed and exported entirely in your browser. Nothing is sent to a server, so your art stays on your device.