VOIDLESS.DEVLogin

Sprite Sheet Packer

Free online sprite packer. Drop in PNGs and export a tightly packed texture atlas (sprite sheet) with JSON or CSS coordinates. Runs in your browser.

Drop sprite PNGs here or click to browse

Need more frames to pack? Generate a whole animation set from one sprite.Make an animation set

How to use the Sprite Sheet Packer

  1. Drop your sprite PNGs onto the drop area, or click it to browse.
  2. Set the padding between sprites, and turn on Power-of-two size if your engine needs it.
  3. Check the packed texture atlas in the preview.
  4. Export the atlas as PNG, the frame coordinates as JSON or CSS, or everything as a ZIP.

Using it in your game

The JSON uses the Phaser / PixiJS frame format: load it with this.load.atlas() in Phaser or as a spritesheet in PixiJS. In other engines, read each frame’s x, y, w and h from the JSON.

Frequently asked questions

Is this sprite sheet packer free?

Yes. It runs entirely in your browser with no account, no upload to a server, and no cost.

What formats can I export?

A packed PNG atlas plus a JSON coordinate map (compatible with Phaser/PixiJS) and a CSS spritesheet.

Are my images uploaded anywhere?

No. Packing happens locally on a canvas — your sprites never leave your device.

Is it a free alternative to TexturePacker?

For the common case, yes: it packs loose sprites into one atlas and exports the coordinates as Phaser / PixiJS JSON or CSS. It has no command line, trimming or multipacking.

Create game assets with AI

Generate original art, audio, and 3D models in seconds.

Something not working right? Report a bug