How to Make a Great GIF from a Video
Why the two-pass palette trick matters, how frame rate and width control file size, and how to keep GIFs small yet sharp.
Why GIFs are still everywhere
The GIF format is ancient by internet standards, yet it refuses to die — because it does one thing brilliantly: a short animation that autoplays, loops forever, and works in any chat, forum or document without a video player. That makes it perfect for reactions, quick how-to clips, bug reproductions, and demos. The catch is that GIF is a limited format, and a careless conversion produces something grainy and enormous. A little understanding turns the same clip into a small, crisp animation. You can put all of it into practice in theGIF Maker.
The 256-colour problem — and the palette fix
A GIF can only show 256 colours per frame. Video, by contrast, uses millions. Squeezing all those colours into 256 is where quality is won or lost. A quick, single-pass conversion uses a fixed, generic palette, which handles skin tones and smooth gradients badly — you get visible banding (stripes where a smooth gradient should be) and muddy colour.
The fix is a two-pass approach. In the first pass, the tool scans your specific clip and builds a custom 256-colour palette optimised for exactly those frames. In the second pass, it renders the GIF using that tailored palette. The difference is dramatic: a sunset that bands horribly with a generic palette looks smooth with a custom one. This is the method the GIF Maker uses by default, which is why its output looks noticeably cleaner than many one-click converters. It takes slightly longer because it processes the clip twice, but the quality is worth it.
The three dials that control file size
A GIF stores every single frame as its own image, so its size is driven by how many frames there are and how big each one is. Three settings control this:
| Setting | Effect on size | Good default |
|---|---|---|
| Length | Linear — twice as long is twice as big | 2–5 seconds |
| Frame rate (fps) | Linear — more frames per second, bigger file | 12–15 fps |
| Width | Roughly squared — doubling width ≈ 4× pixels | 360–480 px |
Width has the biggest effect because it scales the pixel count in two dimensions. If a GIF is too large to share, halving the width is the most effective single change. Frame rate is the next lever: dropping from 24 to 12 fps roughly halves the size and, for most content, is barely noticeable.
Choosing a frame rate
Frame rate is a trade-off between smoothness and size. For talking-head clips, screen recordings and most reactions, 12–15 fps is the sweet spot — smooth enough that the eye reads it as motion, small enough to share freely. Fast action (sports, gaming, quick gestures) benefits from 20–24 fps, but only reach for it when smoothness genuinely matters, because it inflates the file. Going below about 10 fps starts to look choppy and is rarely worth the small extra saving.
Keeping GIFs small and sharp
- Keep it short. The best GIFs make one point in 2–4 seconds. Trim ruthlessly.
- Pick a clip with limited motion. Simple scenes compress far better than busy, fast-cutting ones.
- Right-size the width. 360–480px is plenty for a chat or an issue tracker; save 640px for when detail matters.
- Let the palette do its job. The two-pass render already optimises colour; you rarely need to fiddle beyond length, fps and width.
When a GIF is the wrong tool
For anything longer than a few seconds, or where sound matters, a real video (MP4 or WebM) is smaller and better than a GIF — often by a factor of ten. Many platforms even convert "GIFs" to silent looping video behind the scenes for this reason. Use a GIF when you need something that autoplays and loops in places a video will not embed cleanly; use a video for length, audio, or high quality. If you need to trim a video down first, or extract audio, the other tools in the suite handle those.
A short history of the GIF
The GIF — Graphics Interchange Format — was created by CompuServe in 1987, making it older than the web itself. It was designed to move small images across the painfully slow modems of the day, and its animation ability (added in 1989) turned it into the internet's first native motion format. It fell out of fashion as web video matured, then came roaring back in the 2010s as the perfect vehicle for reactions and short loops on social media and messaging. Along the way it earned the internet's most enduring argument — how to pronounce it — with even its own creator's "jif" failing to settle the matter. Few 1980s file formats remain culturally central nearly four decades on; the GIF's simple, universal, autoplaying loop is why it endures.
How GIF animation works
A GIF animation is, mechanically, a flip-book: a sequence of full still images (frames) shown in quick succession, each with its own display duration. Unlike video, there is no sophisticated compression between frames — each frame is largely its own picture — which is the fundamental reason GIFs get big so fast. The format loops by default (usually forever), has no sound at all, and gives each frame a delay that sets the frame rate. It also has no notion of "play/pause" — it simply runs. These traits are its whole personality: silent, looping, autoplaying, and universally supported. They make it ideal for a three-second reaction and terrible for a two-minute clip with dialogue.
Dithering: faking colours the palette lacks
Since a GIF frame is limited to 256 colours, what happens to a smooth gradient that needs thousands? The answer is dithering — a clever trick that scatters pixels of the available colours in a pattern so that, from a normal viewing distance, your eye blends them into the in-between shade the palette doesn't actually contain. It is the same idea a newspaper uses to print grey from tiny black dots. Dithering trades a little visible noise or graininess for a big gain in perceived colour depth, which is why a well-dithered GIF of a sunset looks smooth while a naive one shows ugly bands. Combined with a custom palette (the two-pass approach), dithering is the second half of what makes a GIF look good despite its ancient colour limit.
GIF vs the modern alternatives
For all its charm, the GIF is technically ancient, and newer formats beat it on efficiency. It is worth knowing the alternatives so you use each for its strength.
| Format | Best for |
|---|---|
| GIF | Universal autoplay loops, maximum compatibility |
| MP4 / WebM video | Anything long, or needing audio — far smaller |
| Animated WebP / APNG | GIF-like loops with better colour and size |
Tellingly, many "GIF" buttons on social platforms now save a silent looping video behind the scenes, precisely because it is a fraction of the size. The GIF survives less for its technical merits than for its ubiquity: it plays literally everywhere, with no player, no controls, and no surprises. When compatibility trumps efficiency, it is still the safe choice.
GIFs that communicate, not just entertain
Beyond reactions, GIFs are quietly one of the best tools for showing rather than telling. A short GIF of a user interface reproduces a bug better than a paragraph of description; a looping clip demonstrates a step in a tutorial that words struggle to convey; a product GIF shows a feature in motion. For these uses, the priorities shift slightly: keep the clip tightly focused on the one thing you want to show, crop out distractions, use a modest frame rate so it stays small enough to load instantly, and loop a complete action so it reads clearly on repeat. A well-made explanatory GIF can save a hundred words and a lot of confusion — which is why they are a staple of documentation and issue trackers, not just group chats.
Shrinking a GIF, step by step
When a GIF comes out too large to share — and they often do — there is a reliable order in which to attack the size, from most to least effective. Start with duration: nearly every GIF can be tighter. Trim it to the essential moment; two seconds that make the point beat five seconds that meander, and the saving is proportional. Next, reduce the dimensions: because width affects the pixel count in both directions, halving the width roughly quarters the frame data, making it the single biggest lever after length. A GIF that will be viewed small in a chat rarely needs to be more than 360–480 pixels wide.
Then lower the frame rate: dropping from 24 to 12 frames per second roughly halves the file, and for most content — talking, gestures, screen recordings — the eye barely registers the difference. Only fast, sweeping motion truly needs a high frame rate. Finally, prefer clips with limited movement: a mostly-still scene with one small action compresses far better than a busy, fast-cutting one, because there is less changing between frames. Applying these in order — shorter, smaller, slower, simpler — will tame almost any oversized GIF, usually without any visible loss that matters at the size it will actually be viewed.
GIFs and accessibility
Because GIFs autoplay and loop endlessly, they carry accessibility responsibilities that are easy to overlook. The most important concerns motion and flashing: rapidly flashing content can trigger seizures in people with photosensitive epilepsy, and constant fast motion is distracting or nauseating for people with vestibular disorders and many others besides. The guidance is practical — avoid anything that flashes more than about three times a second, and prefer gentle, purposeful motion over frantic strobing. If a GIF's whole point is intense flashing, it is worth reconsidering the format.
The second consideration is alternative text. A GIF is invisible to someone using a screen reader unless you describe it, so when you post one that carries meaning — a demonstration, a reaction with a caption baked in — add alt text that conveys what it shows. This is not just courtesy; it also helps search engines and platforms understand the content. And because a looping GIF cannot be paused by the viewer, keeping clips short and calm is itself an accessibility kindness: a three-second loop that makes its point and could plausibly be ignored is far easier to live with on a busy page than a long, hectic one that grabs attention indefinitely. Thoughtful GIF-making means considering not just how a clip looks, but how it behaves for everyone who encounters it.
The art of the perfect loop
Because a GIF repeats forever, the moment it jumps from the last frame back to the first is part of the viewing experience — and a jarring jump is the difference between a GIF that feels polished and one that feels cheap. The most satisfying GIFs are seamless loops, where the end flows into the beginning so smoothly you cannot tell where the join is; the clip appears to cycle endlessly with no visible restart. The easiest way to achieve this is to choose a source clip that naturally returns to its starting position — a pendulum swing, a spinning object completing a rotation, a repeated gesture — and trim it so the first and last frames nearly match. Cutting on a moment of stillness at both ends also hides the seam, since a still frame looping to a still frame has no visible jump. Not every GIF needs to loop perfectly — a reaction that plays once and clearly resets is fine — but when you want that hypnotic, endlessly-watchable quality, planning the loop point is what separates a clip that merely repeats from one that truly cycles. It is worth a few extra seconds of trimming to find the frames that meet cleanly.
A good GIF is a short, well-chosen clip rendered with a custom palette at a sensible frame rate and size. Load a video into theGIF Maker, pick your moment, and export a sharp, small animation — all processed privately in your browser, with nothing uploaded.