Extract every frame from an animated GIF and pack them into a clean sprite sheet, right in your browser. Choose the column layout, add spacing and padding, preview the animation at its native timing, and download the sheet plus a JSON atlas with per-frame durations.
or drop images here or paste · try a sample
Frame 1 / 8
Sprite sheet output, click a tile to jump to it
Space play / pause
← → step frames
J JSON atlas
D download sheet · C copy sheet
GIF to Sprite Sheet decodes every frame of an animated GIF and packs them into a single sprite sheet image, entirely in your browser. Upload a GIF, choose the grid layout, and download a transparent PNG sheet ready for any game engine, plus a JSON atlas describing where each frame sits and how long it plays. Nothing is uploaded to a server; the decoding happens on your device.
Upload an animated GIF (or paste one) to open the editor. The frames are decoded instantly and arranged in a grid, adjust the number of columns, add horizontal and vertical spacing between tiles or an outer padding margin, and the sheet re-composes live. The preview on the left plays the animation at its original GIF timing so you can verify every frame survived the trip, and clicking any tile on the sheet jumps straight to that frame. When the layout looks right, hit Download for a PNG, JPG, or WebP sheet.
GIFs are trickier than they look: frames can update only a small changed rectangle, carry their own local color palette, mark pixels transparent, use interlaced row ordering, and request different disposal behaviors between frames. The decoder here handles all of it and produces fully coalesced frames, each tile in your sheet is exactly what a browser would show at that moment of the animation, not a partial diff.
Game engines like Unity, Godot, GameMaker, and Phaser don't play GIFs, they want sprite sheets. Convert a GIF you found or commissioned into an engine-ready sheet, recover the original frames from an animation whose source files are long gone, turn animated emotes into usable assets, or study another artist's animation timing frame by frame using the durations in the JSON atlas.
Three outputs, one click each. The main Download button exports the composed sheet at native resolution as a lossless transparent PNG (or JPG and WebP). Download current frame grabs just the pose on screen. And the JSON atlas lists every frame's x, y, width, height, and duration in milliseconds, drop it next to the sheet and your engine or loader knows exactly how to slice and time the animation, including GIFs with uneven frame delays.