What image formats can I upload as the sprite sheet?

Any format your browser can decode into pixels (PNG, JPEG, WebP, GIF, and more), since the upload is read via the browser's native image decoding rather than this category's GIF-specific parser; only the final animated output is a GIF.

What if the sheet's dimensions don't divide evenly by my frame size?

The conversion fails with a clear error. The sheet's width must be an exact multiple of the frame width, and its height an exact multiple of the frame height, otherwise there's no unambiguous way to determine the frame grid.

In what order are frames read from the grid?

Left to right, then top to bottom, the standard reading order most sprite-sheet tools and game engines use.

Can every frame have a different display duration?

No, this tool applies one shared delay to every frame for simplicity. If you need per-frame delays, decode the sheet into individual frames with an image editor first, then build the GIF using a tool that accepts per-frame timing.

Sprite Sheet to GIF Converter - Rebuild Animations

Overview

Introduction

Sprite sheets are common game and UI animation assets, one still image packing every frame into a grid, but sometimes you need to see or share that animation as an actual playable GIF instead.

This tool slices an uploaded sprite sheet back into individual frames and rebuilds them as a real animated GIF, entirely in your browser.

What Is Sprite Sheet to GIF Converter?

A sprite-sheet-to-GIF converter that slices an uploaded grid image into equal-sized cells (reusing the PNG Image Tools category's `sliceSpriteSheet` logic) given the pixel size of a single frame, then encodes the resulting frames as an animated GIF via this category's shared encoder.

It's effectively the inverse operation of GIF to Sprite Sheet Converter, though it accepts a sprite sheet in any image format, not just one this category previously produced.

How Sprite Sheet to GIF Converter Works

The uploaded image is decoded into pixels via the browser's native image decoding, regardless of its original file format.

Given a frame width and height, the sheet is divided into a grid (its total width and height must divide evenly by those values) and sliced left-to-right, then top-to-bottom, into individual frame images.

The resulting frames are handed to this category's shared `encodeGif` along with a shared per-frame delay and loop count, producing a single downloadable animated GIF.

When To Use Sprite Sheet to GIF Converter

Use it to turn a game or UI sprite sheet back into a real, playable animated GIF for previewing, sharing, or documentation.

Also useful for verifying a sprite sheet's frame grid and ordering are correct by watching it play back as an animation.

Often used alongside GIF to Sprite Sheet Converter, WebP to GIF Converter and BMP to GIF Converter.

Features

Advantages

Accepts sprite sheets in any browser-decodable image format, not just GIF.
Reuses the PNG Image Tools category's proven slicing logic rather than a new, untested implementation.
Produces a real, playable animated GIF, not just a static preview of the sheet.

Limitations

The sheet's dimensions must divide evenly by the given frame size; sheets with padding, mismatched margins, or an irregular grid need cropping first.
Every frame shares one delay value; per-frame variable timing isn't supported.
Like every tool built on this category's shared encoder, output is quantized to a fixed 216-color palette, so subtle color banding is possible versus the source sheet's original colors.

Examples

Rebuilding a 4-frame walk cycle

Input

walk-cycle-sprite-sheet.png (64x64, a 2x2 grid of 32x32 frames)

Output

walk-cycle.gif (4 frames, 32x32 each, playing in left-to-right, top-to-bottom order)

Given a frame size of 32x32, the 64x64 sheet slices into exactly 4 frames with no remainder.

Best Practices & Notes

Best Practices

Double-check the exact frame width and height before slicing; an off-by-a-few-pixels guess produces a clear "doesn't divide evenly" error rather than a subtly wrong result.
Crop out any sheet padding or margin first if your source sheet isn't a perfectly even grid.
Use GIF to Sprite Sheet Converter to produce known-good, evenly-gridded test input if you want to confirm the round trip works.

Developer Notes

Slicing is delegated to `sliceSpriteSheet()` from `png/lib/sprite-sheet-to-apng-converter.ts`, reused as-is (including its strict evenly-divides-the-grid validation), and the resulting frame array is passed straight to this category's shared `encodeGif` with one shared delay per frame, mirroring how that same shared function's APNG-producing counterpart, `convertSpriteSheetToApng`, is structured.

Sprite Sheet to GIF Converter Use Cases

Turning a game or UI sprite sheet into a real animated GIF for a devlog, README, or design review
Verifying a sprite sheet's frame grid and ordering by watching the rebuilt animation play back
Converting a sprite sheet asset into a shareable format for reviewers without game-engine tooling

Common Mistakes

Guessing the frame size instead of checking the sheet's actual dimensions, leading to a "doesn't divide evenly" error.
Expecting per-frame timing to carry over from the original animation; this tool applies one shared delay to every sliced frame.

Tips

If you're unsure of the exact frame size, divide the sheet's total width and height by its known column and row count first.
Start with a low frame-per-second (long delay) to confirm frame order looks correct before fine-tuning playback speed.

Sprite Sheet to GIF Converter