🎮 Sprite Sheet Tool

About this sprite sheet maker

The Sprite Sheet Tool does the three jobs a sheet needs over its life: packing loose frames into one image, previewing the animation that image encodes, and slicing a sheet back into frames when you only have the packed version.

Packing matters because engines load one texture faster than fifty, and because the JSON that comes out of the packer is what tells the engine where each frame sits. Getting that metadata wrong is the usual cause of a sprite that plays with a one-pixel jitter.

How to use it

1. In the Packer, drop your frames in and choose an algorithm: grid for uniform frames, row-based, or bin packing when the frames vary in size and you want the smallest sheet.
2. Set padding between frames, a maximum sheet width and height, and turn on power-of-two dimensions if your engine wants them. Trim transparent pixels to shrink the sheet further.
3. Export the sheet, then check it in the Previewer — set frame size, start and end frame, FPS and playback mode, and watch it run.
4. To go the other way, load a sheet into the Slicer, set frame width and height, offset and spacing, and export every frame.

Formats and options

• Exports a PNG sheet, a JSON metadata file describing frame positions, and a CSS sprite block.
• Auto-detect finds the frame grid in a sheet you did not pack yourself.
• Playback modes for checking a cycle: loop, ping-pong, or once.
• Skip-empty-frames and a filename prefix keep the exported frame files tidy.
• Hands off to the Sprite Player for a bigger preview.