WebP Animation: How Animated WebP Works

Animated WebP stores a sequence of frames in one file, each with its own compression, transparency, and duration. It replaces animated GIF with 24-bit colour, an alpha channel, and files 30–64% smaller. This guide explains how animated WebP is built and why it outperforms GIF on every measure except legacy support.

For the format overview, see What is WebP?. To convert animations now, use GIF to WebP.

Does WebP support animation?

WebP supports animation by storing multiple frames in a single extended-format file. Each frame can use lossy or lossless compression, carry an 8-bit alpha channel, and define its own display duration. A loop count controls how many times the animation repeats.

Animated WebP is a true alternative to animated GIF and to short, silent video loops. It combines GIF's autoplay simplicity with modern compression and colour.

How is an animated WebP file structured?

An animated WebP file uses the extended format: a VP8X chunk with the animation flag set, an ANIM chunk for global settings, and one ANMF chunk per frame. Decoders read the flag, then play the frames in sequence according to each frame's parameters.

The animation chunks work together:

VP8X — sets the animation flag and declares the canvas dimensions.
ANIM — stores the background colour and the loop count.
ANMF — wraps each frame, holding its offset, width, height, duration, blending method, and disposal method, plus the frame's own image data.

This layout is part of the broader WebP File Structure: RIFF Container and Chunk Format.

How does per-frame compression work?

Each frame in an animated WebP is encoded independently as lossy or lossless data. Photographic frames can use lossy VP8 for small files; graphic frames can use lossless VP8L for sharp edges. The encoder picks per frame, so a single animation mixes both modes.

Frames also define an offset and size, so an unchanged region need not be re-encoded each frame. The disposal and blend methods control how each frame composites over the previous one.

How much smaller is animated WebP than GIF?

Animated WebP is 30–64% smaller than equivalent animated GIF. Lossy animated WebP reaches up to 64% smaller; lossless animated WebP is around 19% smaller. The savings come from modern prediction and entropy coding that GIF's simple LZW compression cannot match.

Smaller animation files cut bandwidth and improve load times directly. See the head-to-head data in WebP vs GIF: Animated WebP as a Replacement for Animated GIFs.

What advantages does animated WebP have over GIF?

Animated WebP improves on GIF in colour depth, transparency, and file size simultaneously. GIF is limited to a 256-colour palette per frame and 1-bit transparency. Animated WebP supports 24-bit colour and 8-bit alpha, so gradients and soft edges render cleanly.

The concrete advantages are:

24-bit colour versus GIF's 256-colour palette — no banding on gradients.
8-bit alpha transparency versus GIF's on/off transparency — clean soft edges.
30–64% smaller files at equivalent or better quality.
Per-frame lossy or lossless encoding for mixed content.

Transparency behaviour across frames is detailed in WebP Transparency.

What are the limitations of animated WebP?

Animated WebP shares WebP's general limitations: no email-client support and no rendering in Internet Explorer. For autoplay loops, modern sites often prefer MP4 or WebM video, which compress long animations better than any image format.

Use animated WebP for short, looping UI animations, stickers, and GIF replacements. Use video for longer or higher-resolution motion content.

How do you create an animated WebP?

Create an animated WebP by converting an existing animated GIF, which preserves the frames and timing while applying WebP compression. WEBPery converts animated GIFs entirely in your browser, with no upload.

Convert your animation with GIF to WebP. The conversion keeps frame order, durations, and loop count, and produces a file 30–64% smaller.

Where to go from here

Animated WebP makes animated GIF obsolete for the web: more colours, real transparency, and far smaller files, all in a format every modern browser renders.