Your files never leave your device. All processing happens in your browser.
Open the Img Stop GIF to Sprite Sheet Converter and add your animated GIF. Choose the number of columns, the padding and a transparent or coloured background, then download the PNG sprite sheet – and, if you need it, a JSON file with each frame’s position and delay.
About the GIF to Sprite Sheet
The Img Stop GIF to Sprite Sheet Converter lays out every frame of an animated GIF side by side in one PNG image – a sprite sheet. Game engines, CSS animations and many animation tools use sprite sheets because one image loads faster and is easier to manage than dozens of separate frames.
You choose how many columns the grid has, how much padding goes between frames and whether the background is transparent or a colour. An optional JSON file lists the position, size and delay of each frame, ready for your game or code. Everything is done in your browser.
Key features
- All frames in one PNGEvery GIF frame is placed in a single grid image.
- Choose columnsMake a single row, a single column or any grid.
- PaddingAdd space between frames to avoid bleeding.
- BackgroundTransparent or any solid colour.
- JSON frame dataOptional file with positions, sizes and delays.
- Private and freeNo upload, no sign-up and no watermark.
How to use the GIF to Sprite Sheet
- Add your GIF Choose or drop an animated GIF.
- Set the grid Choose columns and padding.
- Pick a background Transparent or a colour.
- Download Save the PNG sprite sheet and, if you like, the JSON file.
GIF to Sprite Sheet at a glance
| Price | Free, no watermark |
|---|---|
| Input | Animated GIF |
| Output | PNG sprite sheet, optional JSON |
| Layout | Columns and padding of your choice |
| Background | Transparent or colour |
| Processing | In your browser – files are not uploaded |
When to use it
- Turn a GIF into a sprite sheet for a 2D game in Unity, Godot or Phaser.
- Build a CSS sprite animation with steps() from a GIF.
- Print or review all frames of an animation at once.
- Edit all frames together in an image editor, then turn them back into a GIF.
Tips for the best result
- Add 1–2 px of padding if your game engine shows thin lines between frames.
- A single row works well for CSS animations with background-position.
- Keep the frame delays from the JSON file to match the original timing.
- Very long GIFs make very large sheets – trim the GIF first if needed.
Frequently asked questions
How do I turn a GIF into a sprite sheet?
Add the GIF to the Img Stop GIF to Sprite Sheet Converter, choose columns, padding and background, and download the PNG grid.
What is in the JSON file?
For each frame it lists the x and y position, width, height and delay, so code can find and time every frame.
Can I keep the background transparent?
Yes. Choose a transparent background and the PNG keeps the GIF’s transparent areas.
Can I turn the sheet back into a GIF?
Yes. Use the Sprite Sheet to GIF tool with the same number of columns and rows.
Learn more
- GIF – how animated GIFs, frames and palettes work
Made and maintained by the Img Stop team.