Animated WebP Maker
This animated WebP maker turns a video clip or a GIF into a WebP animation with millions of colours, smooth transparency and a far smaller file than GIF. Trim the clip, choose frame rate, width and quality, or go lossless. It is made for website animations, product loops and stickers, and it all runs in your browser with nothing uploaded.
- Runs on your device
- WebCodecs · GPU
- WASM codecs
- Works offline
Updated
Drop your file here
How to make an animated WebP
Step 1: Drop a video (MP4, MOV, WebM and more) or a GIF on the box above.
Step 2: For a video, drag the timeline handles to the part you want.
Step 3: Set Frame rate, Width and Quality; 75% is a good balance.
Step 4: Press Create and download the .webp file.
Good to know
Formats
How it runs
- Hardware video engine
- Video is decoded and encoded by your device’s media hardware through WebCodecs — usually several times faster than real time.
- WebAssembly codecs
- Images are encoded with Squoosh-grade codecs (MozJPEG, WebP, AVIF, OxiPNG, JPEG XL). Each codec loads only when you use it.
- FFmpeg (when needed)
- Older formats and a few filters use FFmpeg compiled to WebAssembly. It downloads once (about 31 MB) the first time it is needed and is cached for offline use.
Animated WebP vs GIF vs MP4
Animated WebP sits between GIF and video: it loops by itself and works in an image tag like a GIF, but compresses like a modern format. Google measured GIFs converted to lossy WebP at 64% smaller on average, and lossless WebP at 19% smaller.
| Feature | Animated WebP | GIF | MP4 |
|---|---|---|---|
| Colours | Millions | Up to 256 per frame | Millions |
| Transparency | Smooth (8-bit alpha) | On or off per pixel | None |
| Compression | Lossy or lossless | Lossless palette only | Lossy |
| Loops on its own | Yes | Yes | Only if the player loops it |
| Measured: a 3-second 480×270 clip | 336 KB at 75% quality | 484 KB (Balanced) | Source was 320 KB at 640×360 |
| Plays in | Chrome, Edge, Firefox and Safari | Practically everything | Video players and social apps |
What is an animated WebP?
An animated WebP is a WebP image file that holds several frames, each with its own display time, plus a loop count, much like a GIF. Each frame is compressed with WebP’s lossy (VP8-based) or lossless method and can carry a full alpha channel. Google introduced WebP in 2010, and every current major browser now displays animated WebP.
Convert a video to animated WebP
Video frames are decoded in your browser and encoded in small batches, so even long clips never sit uncompressed in memory. Each frame stores only the part of the picture that changed, which is why loops with a still background come out very small. A clip can have up to 3,000 frames, which is 3 minutes 20 seconds at 15 fps; for anything that long, an MP4 is the better format.
| Setting | Choices | Tip |
|---|---|---|
| Frame rate | 10, 15 (default), 20 or 30 fps | 30 fps for smooth product loops; 10 to 15 for screen recordings |
| Width | 320, 480 (default), 640, 800 px or Original | Match the size the page displays it at |
| Quality | 10% to 100% (default 75%) | 60 to 80% looks clean for most footage |
| Lossless (Advanced) | On or off | For flat graphics and pixel art; larger for camera footage |
| Loop | Forever, Once, 3 times | Forever for website loops |
Can WebP animations be transparent?
Yes, with smooth edges that GIF cannot do. When you start from a GIF, its transparent areas are kept in the WebP. Videos are treated as opaque, so a WebP made from a video always has a solid background. To convert existing GIFs one after another, GIF to WebP takes a whole batch with the same settings.
Tips & troubleshooting
An app that refuses WebP? Convert the animation back with WebP to GIF.
Want the GIF version as well for older software? Make it from the same clip with video to GIF.
For a website background loop longer than a few seconds, a muted MP4 is usually smaller still: trim it with the video trimmer.
Animated WebP Maker FAQ
What is an animated WebP?
It is a WebP image containing several frames with their own timing and a loop count, like a GIF, but with millions of colours, smooth transparency and lossy or lossless compression. It usually comes out much smaller than the same animation as GIF.
Is animated WebP smaller than GIF?
Usually, yes. Google found GIFs converted to lossy WebP 64% smaller on average and lossless WebP 19% smaller. In our own test, a 3-second clip was 336 KB as WebP against 484 KB as GIF.
How do I convert a video to animated WebP?
Drop the video on this page, drag the timeline handles to the part you want, set the frame rate, width and quality, and press Create. The .webp downloads straight away; nothing is uploaded.
Do browsers and apps support animated WebP?
All current versions of Chrome, Edge, Firefox and Safari display it, so it works on any modern website. Support in apps varies: some older desktop software and email clients only show GIF, so keep a GIF version for those.
Can WebP animations be transparent?
Yes. WebP supports a full alpha channel, so edges can be soft. Transparency from a GIF is kept; WebPs made from video are opaque.