Skip to content

Sprite Sheet Generator

Pack icons or animation frames into a single sprite sheet PNG with ready-to-use CSS classes and a JSON frame map. Fully offline.

No uploads

How to use Sprite Sheet Generator

  1. 1Open Sprite Sheet Generator. It runs in your browser, no sign-up.
  2. 2Drop your file here or choose it. It stays on your device; nothing is uploaded.
  3. 3Adjust the options until the preview looks right.
  4. 4Download the result.

Questions

What order are sprites placed in?

In the order you add them, left to right, top to bottom.

Can I use it for game animations?

Yes — keep “Same cell size” on and download the JSON map with every frame position.

More tools

Background RemoverAI cut-outs, on your device Image Compressor & ConverterWebP, JPEG, PNG in batches Image Resizer & CropperSocial presets, exact pixels HEIC to JPGConvert iPhone photos RAW Photo ConverterCR2, NEF, ARW, DNG to JPG SVG to PNG ConverterCrisp raster from vectors EXIF Viewer & RemoverSee and strip photo metadata Blur & Pixelate ImageHide faces and details