Build an Animated GIF From a Sequence of Images

About the GIF Maker

Add your images in the order they should play — the arrow buttons rearrange them before you build — and they become the frames of a looping GIF. Two settings shape the result. Frame delay is given in milliseconds and starts at 400, which produces a steady two and a half frames per second; drop it toward 100 for something closer to smooth motion. Output width is set in pixels and defaults to 480, with the height calculated from the proportions of your first image.

That last detail is worth planning around: every frame is fitted into the shape of the first one, centred, with white filling any space left over. A sequence shot at consistent dimensions animates cleanly, while a mixture of portrait and landscape produces white bars that shift between frames. The animation loops indefinitely once made. Encoding happens entirely in your browser, which suits sequences that are not meant to be seen outside your organisation.

Key Features

• Frame order you control: Images animate in list order, and the arrows let you rearrange the sequence before encoding.
• Adjustable frame delay: Set the pause between frames in milliseconds, from a slow slideshow down to rapid motion.
• Chosen output width: Specify the width in pixels and the height follows the first image's proportions.
• Loops continuously: The finished animation repeats indefinitely, which is what a GIF is normally used for.
• No external encoder: The GIF is assembled by encoding built into the page itself rather than by a third-party library.

How to Use the GIF Maker

1. Add at least two images — the tool will not animate a single frame.
2. Put them into playback order using the arrows.
3. Set the frame delay in milliseconds and the output width.
4. Create the GIF and download it.

How It Works

Each image is drawn onto a canvas of the target size against a white background, scaled to fit inside rather than cropped, and handed to a GIF encoder implemented directly in the page — the palette and compression are produced here rather than by an outside library. That encoder uses a fixed palette of 256 colours arranged as a uniform colour cube plus a few greys, with each pixel matched to its nearest entry. The consequence is predictable: flat graphics, screenshots and line art reproduce cleanly, while photographs and smooth gradients show visible banding, because the palette is uniform rather than chosen to suit your particular images. Long sequences at large widths also produce sizeable files, since GIF has no interframe compression here.

When You Need It

A medical imaging technician preparing a teaching session exports a series of slices from a scan and wants them to play as a short loop so the anatomy reads clearly on a slide. A GIF plays anywhere without a video player or a codec question. The exported slices belong to a real patient study, so building the animation through an online GIF maker would put clinical imaging on an unknown server. Laboratory staff animating time-lapse captures and designers looping interface states assemble frames for their own reasons.