Sprite Sheet to GIF Converter
Convert sprite sheet to GIF animations with a visible grid and playback preview. You can also export sprite sheet to APNG when the animation needs partial transparency instead of GIF’s limited transparency.
How to use this tool
Open a regular sheet
Load the image containing your animation frames. This converter reads a regular grid rather than arbitrary atlas rectangles. If your source is an irregular atlas, first extract the frames and arrange them into equal cells so the player can slice them consistently.
Align the grid
Set columns, rows, outer margin and spacing between cells. Compare the overlay with the artwork and correct partial or clipped frames before adjusting playback. A wrong cell size cannot be repaired by changing speed, and may look like an animation problem.
Preview the motion
Play the sequence, set the speed, and scrub individual frames to inspect the poses. The player includes every grid cell, so prepare a sheet without unused cells when you need a clean animation. Check the first and last poses together if you intend the result to loop continuously.
Export the animation
Choose GIF for broad support or APNG when alpha detail matters. Download the result and view it against the background where you plan to use it. The source sheet remains useful for your game engine even when the animation download is only for review.
What you get
The grid controls allow 1–64 columns and rows, with margin and spacing controls from 0–512 pixels. Playback speed runs from 1–60 FPS. Set these to match the actual sheet instead of assuming every image uses tightly adjacent cells.
Downloads are animated GIF or APNG. GIF uses a palette and cannot preserve partial alpha like APNG. Choosing APNG is useful for soft translucent pixels; choosing GIF may be more convenient for a quick animation preview where those pixels are not essential.
Use the result in your engine
- Godot 4 import guide
For session sprites, choose Godot SpriteFrames in Export & Download. Keep the sheet beside the .tres resource, then drop the resource onto an AnimatedSprite2D. A standalone PNG can also be sliced in the engine.
- Unity import guide
Import the PNG as Sprite (2D and UI), choose Multiple, and slice it in the Sprite Editor. Unity does not read this tool’s JSON metadata; check the slicing and pivot in the editor.
- Phaser 3 import guide
Load a sheet with Phaser or TexturePacker JSON using load.atlas. For a uniform grid without atlas metadata, use load.spritesheet with the correct frame size. Build the animation from the intended frame names or indices.
Frequently asked questions
Is this tool free?
Yes. You can use the tool and download its output without payment or signup. Keep a downloaded copy of work you want to save; browser storage belongs to this browser and can be cleared by its settings.
Are my files uploaded?
No. This tool works on your device, in your browser, so your files stay with you. The only exception on the site is the optional auto-detect in Sprite Detection, which uploads the image to our server and deletes it within 24 hours; its Grid Slice mode runs on your device too.
Why is my animation showing pieces of adjacent frames?
The grid does not match the image. Count the columns and rows and include any margin or gaps between cells. Inspect the overlay before playing. An irregular packed atlas needs its metadata or a conversion to a regular grid, not just a guessed column count.
Should I export GIF or APNG?
Use GIF when a palette-based animation is suitable. Use APNG to retain partial alpha and richer color. Look at translucent edges and shadows in the preview and exported file; those are often the first places where a GIF differs from the source PNG.
Can I leave blank cells out of the animation?
The player includes all cells in the chosen grid. Prepare a dedicated sheet containing only the wanted sequence before exporting. You can cut the original in Sprite Detection and arrange the wanted sprites in Export & Download, then preview that new sheet.
Why does the character move inside its frame?
The source poses may use different alignment or trimmed bounds. The converter plays the cells as supplied and does not invent a common anchor. Align the source artwork on a consistent canvas, or preserve trim offsets when exporting to an engine that supports them.