How to make an animated GIF that looks smooth
A GIF is a flip book: a series of still frames shown one after another. Three things decide how good it looks: the frames you pick, their size and the speed.
- Use images of the same size and shape. The first frame sets the GIF's dimensions, and every other frame is scaled to match, so different shapes get stretched.
- Keep the subject in the same place across frames. Small, consistent changes look like motion; big jumps look like a slideshow.
- Resize large photos first. A GIF built from 4000 px phone photos is slow to make and huge to send; 600–1080 px wide is plenty.
- Fewer frames, more meaning. Five to fifteen frames is the sweet spot for most GIFs.
Choosing the GIF speed
The delay is how long each frame stays on screen. Here's how the numbers feel in practice.
| Delay per frame | Frames per second | Feels like | Use for |
|---|---|---|---|
| 100–150 ms | 7–10 | Quick, near-fluid motion | Burst photos, animation frames |
| 300–500 ms | 2–3 | Snappy slideshow | Product colors, outfit changes |
| 800–1200 ms | About 1 | Easy to read | Screenshots, step-by-step guides |
| 1500–2000 ms | Under 1 | Slow and deliberate | Before and after, text-heavy frames |
Photo to GIF: when a GIF is the right format
GIF is old, but it plays everywhere without a play button: email clients, Slack, Discord, GitHub, docs and most chat apps. The trade-off is color. Each frame is reduced to 256 colors, so smooth gradients and skin tones can look slightly banded. That's fine for screenshots, graphics and product shots on plain backgrounds. For long, photo-heavy sequences with music, a video slideshow is the better fit.
