GIF to WebP

Animated GIFs are everywhere on the web, from product demos to reaction images, and they are surprisingly heavy. A few seconds of screen recording as GIF easily weighs several megabytes, slowing pages and eating mobile data. Animated WebP plays in every current browser and usually needs far fewer bytes for the same animation. This tool converts GIF animations to WebP while keeping every frame and its timing.

Why GIFs are so large

GIF dates from 1987. Each frame is limited to 256 colors and compressed with LZW, a method that works well on flat graphics but poorly on photographic content, gradients and video-like footage. Screen recordings with anti-aliased text, and anything filmed with a camera, compress badly and often show dithering noise. WebP was designed decades later and compresses frames far more efficiently, with millions of colors and real alpha transparency.

How the conversion works

The GIF is decoded frame by frame and each frame is rebuilt on a full canvas, honoring the GIF’s disposal rules so no fragments appear. Every complete frame is then encoded as a WebP image by the browser and the frames are assembled into an animated WebP file with the original frame durations. Loop behavior is set by your choice: loop forever, the usual for web animations, or play once.

Quality and size

The default quality of 80 percent gives a strong size reduction while staying close to the GIF visually. Because the GIF has only 256 colors per frame, there is little to gain above 90 percent. For screen recordings with text, check that the letters stay sharp; raise the quality if edges look soft. The side-by-side comparison shows the original and the new file with their sizes and the percentage saved.

When WebP does not win

Tiny pixel-art GIFs with a handful of colors and few frames are already efficient, and the WebP may come out a little larger, because each WebP frame is stored complete and carries some overhead. The comparison makes this visible immediately; in that case simply keep the GIF. Large photographic or video-like GIFs gain the most.

Changing speed and size

The speed control scales every frame duration: 2× plays twice as fast, 0.5× half as fast. Browsers enforce a minimum frame time of about 20 milliseconds, so extremely fast GIFs are capped at that. The width limit scales every frame down proportionally; halving the width roughly quarters the pixels and gives a large extra saving for animations shown small on a page.

Using animated WebP on a website

Reference the file in an img tag exactly like a GIF; it animates automatically. Replacing the GIFs of a documentation site or blog this way often shaves megabytes off page weight. For even smaller files and longer clips, a muted, looping video is best: GIF to MP4 converts to MP4 or WebM.

Browser support for creating WebP

Safari displays animated WebP but cannot encode WebP images, so the conversion needs Chrome, Edge or Firefox. The page tells you if your browser cannot encode, rather than producing a broken file.

Going back

To convert animated WebP stickers to GIF for apps without WebP support, use WebP to GIF. To look at single frames, the GIF Frame Extractor works for both GIF and WebP animations.