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

# GIF to sprite sheet converter

Turn an animated GIF into a PNG sprite atlas and JSON frame timing.

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

Download formats: PNG · JSON

## Settings

Choose a GIFTry a sample

GIF stays in your browser; up to 8 MiB and 120 frames

Choose a file or try a sample

Atlas columnsAtlas padding

Convert

## Result

Choose a file or try a sample

## How to use it

This browser tool reads up to 120 GIF frames at their original size, packs their visible results into one PNG atlas, and records each frame rectangle and duration in JSON.

1. Choose an animated GIF or try the sample.
2. Set the atlas columns and padding, then check the frame preview.
3. Download the PNG and timing JSON together.

Import the PNG as an atlas. Use each JSON rectangle and duration to build the animation in your engine.

## Questions

Will the animation timing stay the same?

The JSON records each GIF frame duration. Use those values in your engine; a sprite sheet alone has no timing.

Why do some colors or edges look different?

A GIF has at most 256 colors and limited transparency. The PNG atlas keeps the pixels decoded from that GIF; it cannot restore colors lost when the GIF was made.

## Related guides and tools

* [Sprite sheet packer](https://www.summerengine.com/free-tools/sprite-sheet)
* [Sprite sheet to GIF converter](https://www.summerengine.com/free-tools/sprite-sheet-to-gif)
* [Sprite sheet guide](https://www.summerengine.com/ai-sprite-sheet-generator)
[All free tools](https://www.summerengine.com/free-tools)

Source: https://www.summerengine.com/free-tools/gif-to-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