How to Make an Animated GIF From Images

Make an animated GIF from a set of images for free. Set frame order, delay, looping and size, all in your browser with nothing uploaded. A step-by-step guide.

Updated 5 min read By CodingEagles
Free tool Animated GIF Maker Turn a set of images into an animated GIF — set frame order and timing. Open tool

An animated GIF is still the easiest way to share a short loop — a product demo, a reaction, a logo animation — because it plays anywhere with no player and no embed. This guide shows you how to build one from a set of images, control the timing, and avoid the usual rough edges.

TL;DR — Drop your images into the free GIF maker, set the frame delay and loop, then download. It runs in your browser, so nothing is uploaded.

Frames are just your images in order

A GIF is a sequence of frames shown one after another. Each image you add becomes a frame, played in the order you dropped them in. Reorder them with the up and down arrows until the sequence looks right.

Timing: delay and frame rate

Each frame has a delay measured in milliseconds — how long it stays on screen before the next one. A smaller delay means a faster animation:

  • 100 ms per frame is about 10 frames per second.
  • 40 ms per frame is about 25 frames per second, which looks smooth.

Set one delay for every frame to get an even pace, or give a single frame a longer delay to hold on it. Use the loop count to decide whether the GIF repeats forever or stops after a set number of plays.

When your images are different sizes

GIF frames all share one canvas size. If your images don’t match, you get two choices:

  • Resize to smallest — every frame is scaled and cropped to the smallest image, so they line up.
  • Keep sizes — each frame is placed at its own size, and you position it with the alignment and offset controls.

For a clean result from photos taken at the same size, you won’t see this prompt at all.

Keeping transparency clean

GIF transparency is one bit — a pixel is either fully visible or fully gone. If your frames have transparent areas, turn on don’t stack frames so each frame clears the last one. Without it, earlier frames show through the transparent parts and you get a smeared trail.

If you want a fixed backdrop behind a moving subject, turn on use the first frame as background so frame one stays put under the rest.

Step by step

  1. Open the GIF maker and drop in your images.
  2. Drag frames into the order you want.
  3. Set a frame delay (and a loop count, or leave it empty for forever).
  4. If the frames differ in size, choose resize or keep sizes.
  5. Click Make GIF, preview the loop, and download.

That’s a finished animated GIF, built privately on your own device.

Frequently asked questions

What images can I use as frames?
Any mix of PNG, JPG or WebP. Each image becomes one frame, in the order you add them, and you can drag to reorder before building.
How do I control the speed?
Each frame has a delay in milliseconds. Lower delay plays faster. You can set one delay for every frame at once, or fine-tune individual frames for pauses.
How do I make the GIF loop a set number of times?
Set a loop count. Leave it empty to loop forever, or enter a number to play that many times and then stop.
Can I keep a transparent background?
Yes. Use frames that already have transparency and turn on "don't stack frames" so each frame replaces the previous one instead of showing through.

Ready to try it?

Turn a set of images into an animated GIF — set frame order and timing. Free, unlimited, and 100% private — your files never leave your device.

Open the Animated GIF Maker