[All free tools](https://www.summerengine.com/free-tools)

# Sprite sheet packer

Pack up to 16 images into one PNG atlas with JSON frame data.

These tools run in your browser. Uploaded images stay on this device; no account is needed.

Download formats: PNG · JSON

Start with a preset

Tight atlasSpaced atlas

## Preview

Set the controls, then generate a preview.

## How to use it

The browser places uploaded images in an atlas and records each frame name and rectangle. It does not create animation frames for you.

1. Choose the sprite images in the order you want to pack.
2. Set padding and preview the atlas.
3. Download the PNG and JSON; keep both files together.

Import the PNG as an atlas and use the JSON frame coordinates to define sprite regions in your engine.

## Questions

Does it animate my character?

No. It packs the frames you provide. Set frame order and timing in your engine.

Why add padding?

Padding reduces color bleed when the atlas is filtered or scaled.

## Related guides and tools

* [Sprite sheet guide](https://www.summerengine.com/ai-sprite-sheet-generator)
* [Sprite library](https://www.summerengine.com/asset-store/sprites)
[All free tools](https://www.summerengine.com/free-tools)

Source: https://www.summerengine.com/free-tools/sprite-sheet

---

## Machine-readable resources

- Site index for agents: https://www.summerengine.com/llms.txt
- Full inlined content: https://www.summerengine.com/llms-full.txt
- Porting catalog: https://www.summerengine.com/llms-porting.txt
- Structured catalog: https://www.summerengine.com/agent-catalog.json
- Sitemap: https://www.summerengine.com/sitemap.xml
- Developer resources: https://www.summerengine.com/docs