Image Tools guide
7 Practical Ways to Use a GIF Made From Still Images
ยท 4 min read
A GIF made from still images is the simplest way to show change: a before and after, a sequence of steps, an object turning, a drawing coming to life. Unlike a video, it plays automatically and loops in almost any chat, email or web page. All you need is two or more pictures in the right order and a sensible time per frame.
Here are seven ways to put that to work, with the settings that suit each one in the GIF Maker.
How does frame timing translate into speed?
Every idea below comes down to one number: Time per frame. The slider runs from 0.02 to 3.00 seconds in steps of 10 milliseconds. GIF files store delays in hundredths of a second, so every value on that slider is saved exactly.
The loop length is simply frames ร time per frame:
| Frames | Time per frame | One loop lasts | Feels like |
|---|---|---|---|
| 2 | 1.00 s | 2 seconds | A calm toggle |
| 12 | 0.08 s | 0.96 seconds | Smooth, quick motion |
| 24 | 0.10 s | 2.4 seconds | Steady stop-motion |
| 6 | 1.50 s | 9 seconds | A readable slideshow |
| 200 | 0.05 s | 10 seconds | The longest smooth GIF here |
The tool accepts up to 200 frames. If you add more images than that, the extras are skipped and you'll see a message saying so.
1. A product spin from a handful of photos
Put an object on a turntable or a lazy Susan, and take a photo every time you rotate it a little, say 12 shots for a full turn. At 0.08 seconds per frame you get a spin of about one second that loops seamlessly, because the last shot leads back into the first. Keep the camera on a fixed spot so the object doesn't jump between frames.
2. A before-and-after toggle
Two frames, about 1 second each: the room before painting and after, a photo before and after editing, a website before and after a redesign. Shoot both from the same position. Because each frame stays on screen for a full second, viewers have time to spot the difference before it flips back.
3. Tutorial steps from screenshots
Screenshots are the format GIF handles best: flat colors, sharp text, and few gradients for the 256-color palette to struggle with. Capture each step of a process, such as where to click in a settings menu, and give each frame 1.5 to 2 seconds so there's time to read. Use 640 px or 800 px width so interface text stays legible.
4. A flipbook of drawings
Scan or photograph a sequence of sketches, add them in order and set around 0.10 to 0.12 seconds per frame. That's the jerky, hand-made rhythm of a classic flipbook. If some pages were photographed slightly crooked or at different distances, choose Fill frame (crop) so every frame fills the canvas edge to edge.
5. Stop-motion with a phone
Move toy figures, food or paper cutouts a tiny bit between shots. Twenty-four photos at 0.10 seconds gives a 2.4-second clip with real character. A phone propped against something heavy works as a tripod; the steadier the camera, the better the illusion.
6. A progress timelapse
A plant growing over a month, a painting from sketch to finish, a building site from week to week. One photo per day or per stage, at 0.2 to 0.5 seconds each, compresses weeks of slow change into a few seconds. The default of 0.50 seconds is a good place to start.
7. A rotating announcement
Three or four slides for an event, sale or opening hours, each held for 2 to 3 seconds. This works well in email newsletters, where many apps play GIFs but not video. Keep the text big and the slides few, since nobody waits for slide nine.
How to make it
- Open the GIF Maker and add two or more images. Use the + tile to add more later.
- Put them in order with the โ and โถ arrows under each thumbnail, and use Remove to drop any frame.
- Set Time per frame and choose a Width: 320 px (small file), 480, 640, 800 or 1080 px (large file). Height follows the first image's proportions.
- Under Different sizes, choose Fit whole image (bars) or Fill frame (crop), and pick a Bar colour.
- Leave Loop forever ticked unless the GIF should play once and stop.
- Click Create GIF, check the preview and the file size, then Download GIF. The file is saved as
animation.gif.
Everything is encoded in your browser, and the GIF carries no watermark.
Common snags
- Frames jump around. The first image sets the GIF's shape, and every other image is fitted into it. Photos shot in different orientations will get bars or crops, so shoot the whole sequence the same way.
- Transparent areas turned white. GIFs here are fully opaque: transparent parts of a PNG are filled with the Bar colour, white by default. Change it to match where the GIF will be shown.
- The file is too heavy. Drop to 320 or 480 px, or remove frames. Choosing a width larger than your images also makes them look soft, because they get scaled up.
FAQ
Can I make a GIF from a video instead of photos?
Yes, but use a different tool. Video to GIF captures frames from a clip for you, which is easier than exporting stills one by one.
Does each frame get its own colors?
Yes. Each frame gets its own palette of up to 256 colors, so a bright frame and a dark frame don't have to share colors. Gradients can still show banding.
Can I mix JPG, PNG and WebP in one GIF?
Yes. Any image your browser can open works as a frame, and different formats and sizes can sit side by side in the same animation.
Pick one of the ideas above and build it in the GIF Maker.
