THE SPRITE TOOLKIT
GIF to Sprite Sheet
Read an animated GIF and pack its frames into one sprite sheet.
- Free to use
- No sign-up
- Files stay on your device
01 Animated GIF
One animated GIF. 10 MB, 256 frames and 32 megapixels maximum. Frames are read in your browser.
02 Layout
Equal cells sized to the largest frame. Positions follow frame order.
The JSON map keeps each frame's original size and trim offset.
Animation preview
Frame order
0 frames
How a GIF becomes a sprite sheet
Choose one animated GIF. The page reads each frame in order, then packs those frames with the same layout controls as the sprite sheet maker. Check the animation preview, then export PNG, JSON and CSS. A still GIF produces a single frame. To go the other way, use sprite sheet to GIF.
Does this upload my images?
No. Importing, packing, trimming, preview and export all run in your browser. No account is needed for these tools. Download your work before closing or reloading the page; the workspace is not saved. The separate AI sprite generator, when available, sends prompts to Kie.
Which export should I use?
PNG contains the image. JSON lists each frame's rectangle, trim offset and original size. CSS gives one background-position rule per frame. Download the PNG alongside its metadata. JSON is this tool's atlas map; check your engine's expected format before importing. The animation preview does not export GIF or video.
Which packing mode?
Uniform grid keeps equal-sized cells and follows frame order. Compact rows reduces gaps when frame sizes differ. MaxRects packs frames into available space, so use the JSON coordinates instead of assuming a reading order. Keep trimming off if your engine expects the original fixed-size cells.
How do I keep a transparent background?
Start with PNG or WebP frames that already contain transparency. PNG export preserves it, while trimming only removes transparent outer edges. Importing a JPG or exporting it as PNG does not remove its background. Padding adds space between frames; it does not extrude edge pixels.
Starting from separate images?
Use the sprite sheet maker for separate PNG, JPG or WebP frames. Use the splitter when you already have a uniform grid and want the cells back as individual files. These tools run locally and support up to 256 frames per workspace.