toolgarden.xyz
中文

GIF Split / Compose

Free online tool to split a GIF into per-frame PNGs, or compose multiple PNGs / JPGs into an animated GIF

Upload file

Result

Upload a GIF to auto-split frames

About this tool

The GIF tool supports frame extraction and animation composition. Extraction decodes frames in playback order and can package them for download. Composition encodes ordered still images with selected delay and looping behavior.

GIF uses palettes of up to 256 colors and only simple transparency, so photographs and gradients can show banding or dithering. It suits brief UI demonstrations and simple graphics, not long video, audio, or high-fidelity photography, which are better served by a video format.

How to use it

  1. Choose extract or compose

    Upload one GIF for extraction, or add equally sized images in playback order for composition.

  2. Check frames and timing

    Confirm image order, per-frame delay, loop setting, and final canvas dimensions.

  3. Generate and preview

    Watch a complete cycle and check skipped frames, flicker, color, and size before downloading.

Supported range and limits

Two directions
Split a GIF into per-frame PNGs, or compose several PNG / JPG images into an animated GIF
Composition settings
Frame order follows the list, and an inter-frame delay controls playback speed
GIF's colour limit
256 colours per frame. Photographs and gradients composed to GIF show obvious banding and dither noise
File size
GIF compresses poorly, so many frames or a high resolution produces very large files
Better alternatives
When size matters, animated WebP or a short MP4 is far smaller at equivalent quality
Frame consistency
All frames should share one size, or playback will jump

When you would use it

  • Analyzing an animation

    Extract every frame to locate a UI change, save one moment, or create a static thumbnail.

  • Creating a short demonstration

    Combine a few workflow screenshots into a loop for documentation or bug reporting.

  • Turning a screen capture into a demo animation

    A few key-step screenshots composed into a GIF explain a workflow in a document or ticket far better than prose.

What to know before you start

  • Mismatched source dimensions can cause scaling, padding, or composition jumps, so standardize the canvas first.
  • Frame count, dimensions, and color complexity quickly increase size; keep duration and resolution controlled.
  • GIF has no audio track and limited color. Use WebM or MP4 for a longer tutorial.

Related concepts

frame delay
How long an individual frame remains visible, with all delays determining animation rhythm.
color palette
The limited set of colors a GIF frame can reference, requiring complex imagery to be quantized.

Frequently asked questions

What two directions does this tool support?
It can split a GIF into individual PNG frames, and also combine several PNG / JPG images into a single animated GIF.
Does processing a GIF upload my file?
No. Both splitting into frames and building a GIF run locally in your browser, with nothing uploaded.
Can I control playback when building a GIF?
You compose the animation from the image order, and that order determines playback, so arrange the frames before generating.
Why does the composed GIF look mottled?
GIF allows 256 colours per frame. Photographs and gradients exceed that, so the encoder approximates with dithering, which reads as dense noise and banding. That content belongs in animated WebP or a short video.
Why is the GIF file so large?
GIF's compression is old and far less efficient than modern video codecs. Size runs away with frame count and resolution. The same content as MP4 is typically a tenth the size.

Related tools