GIF to Sprite Sheet
Pack every frame of a GIF into one sprite sheet: choose the columns and spacing, download the PNG and a JSON atlas.
or browse filesdrop a GIF here or paste
.png
Pack every frame of a GIF into one sprite sheet: choose the columns and spacing, download the PNG and a JSON atlas.
or browse filesdrop a GIF here or paste
This free GIF to sprite sheet converter takes an animated GIF apart and lays every frame out in a grid on one image. Open the GIF and the sheet appears on the stage; set how many columns it should have - the rows follow - and how much space to leave between cells, then download it as a PNG with the transparency kept, or as JPG or WebP from the menu. It is the way to get an animation out of a GIF and into a game engine, a CSS animation or any tool that plays sheets rather than GIFs.
GIFs often store frames as small patches over the previous frame, so a raw extraction gives slivers. This tool composites the animation the way a browser plays it, honouring offsets, transparency and disposal, so every cell of the sheet is the complete frame at that moment, all the same size. To go the other way and animate a sheet, use the /sprite-sheet-to-gif/ tool.
Under the controls, a link downloads a JSON atlas alongside the sheet: the sheet size, the tile size, the columns and the gap, and for every frame its index, x, y, width, height and duration in milliseconds taken from the GIF's own timing. Engines and scripts can play the animation back at exactly the original pace, uneven delays included.
Your GIF never leaves your device. It is decoded and packed into a sheet entirely inside your browser; nothing is uploaded, there is no signup and no watermark, and once the page is open the tool even works offline.
Open the GIF, set the columns and the gap, and press Download. The J key or the link under the controls saves the JSON atlas too.
Left to right, then top to bottom, in the GIF's own order - index 0 is the top-left cell. The atlas lists the same order with each frame's position.
Yes, as PNG or WebP. JPG has no transparency, so transparent areas become white there.
For playing the sheet back with the right timing: each frame's duration in the atlas comes from the GIF's frame delays, so a script can reproduce the animation exactly.
No. Everything runs in your browser - nothing is transmitted anywhere, and the tool keeps working offline once the page is open.