Animated WebP does everything an old-school GIF does — but at a fraction of the file size. Drop a video below to grab a clip from it as an animated WebP: everything happens locally in your browser, so the video itself never leaves your machine.
How to use the video to WebP converter #
- Drag a video onto the drop zone above, or click it to browse for a file.
- Use the video preview to see what you're working with. If the clip is longer than your chosen length, drag the trim start slider to pick which part of it to use.
- Set the length (12 seconds by default), resolution, and compression quality — the defaults are a solid middle ground between file size and quality.
- Click Convert to animated WebP. A progress bar tracks the frame-by-frame encode, which can take a little while for longer or higher-resolution clips.
- Click Download WebP to save the result. The file keeps the original name, just with a
.webpextension.
Choosing a length over 15 seconds triggers a warning — every extra second means more frames to seek, draw, and encode one at a time, and long clips can get slow or heavy on lower-powered devices.
What's actually happening in the browser #
There's no server and no upload: the tool loads your video into a <video> element, seeks it to a fixed 10 frames per second across the length you chose, and draws each frame onto a <canvas> at your target resolution. Every frame is encoded individually to a still WebP image using the same canvas encoder the image converter uses, at your chosen quality.
Those still frames aren't a finished animation on their own — WebP's animation format is a small RIFF container that lists each frame's image data alongside its position, duration, and blending rules. The converter builds that container itself, chunk by chunk, and stitches the encoded frames into a single looping animated WebP file. It's the same file structure tools like img2webp produce, just assembled in JavaScript instead of on a server.
Why the defaults are what they are
480px wide and 75% quality keep an animation looking sharp on a blog post or a chat message without ballooning the file size — push either one higher only if you need the extra detail. The fixed 10fps frame rate is a deliberate trade-off too: it's smooth enough for most clips (talking heads, screen recordings, short highlights) while keeping the number of frames the browser has to seek and encode manageable.
Where this comes in handy
Animated WebP is a good drop-in replacement anywhere you'd reach for a GIF: reaction clips, short how-to loops in documentation, product demos in a README, or lightweight previews on a landing page. Because it supports proper lossy compression instead of GIF's 256-color palette, the same clip usually comes out both smaller and better-looking.
Browser support
Every current major browser — Chrome, Firefox, Safari, and Edge — can both display and encode WebP, including animated WebP in an <img> tag. If your browser's canvas doesn't support WebP export, the tool will tell you rather than produce a broken file.