Video to Animated WebP Converter
Animated WebP plays in an ordinary img tag like a GIF, but it is not limited to 256 colours per frame and usually comes out much smaller. Use any length of video, trim it on the timeline, add captions, and choose the quality, or lossless. Each frame stores only what changed since the last one, and it's encoded locally with libwebp compiled to WebAssembly, so your video is never uploaded.
- Encoded on your device (libwebp WebAssembly)
- Up to 100 MB
- No watermark, no signup
Last reviewed · How we verify claims
Drop a video here
or click to browse — MP4, WebM or MOV, any length · or paste
Processed on your device. Nothing is uploaded.
How it works
- 1. Drop an MP4, WebM or MOV video of any length that your browser can play, then pick the part you want, the frame rate and the width on its timeline.
- 2. Trim on the timeline, crop, resize, change speed or make a boomerang, add captions and colour looks, and watch the result play as you go.
- 3. In the Export tab, choose quality or lossless (or a size limit to fit), encode with libwebp on your device, then download the animated WebP.
Recommended settings
| Use case | Settings | Why |
|---|---|---|
| Website hero or feature animation | 480 px wide · 12–15 fps · loop infinite | Serve it in a picture element with a GIF fallback; every current browser shows the WebP. |
| Screen recording with gradients or shadows | Original width · 10–12 fps | This is where GIF bands and dithers; WebP keeps smooth gradients because it is not palette based. |
| Short social or chat loop | 360–480 px wide · 10 fps · quality 70 | Check the destination accepts .webp; some apps and forums still require a literal .gif file. |
Use it on the web
<picture>
<source srcset="demo.webp" type="image/webp">
<img src="demo.gif" alt="Short description of the animation" width="480" height="270" loading="lazy">
</picture><img src="demo.webp" alt="Short description of the animation" width="480" height="270" loading="lazy" decoding="async">GIF vs WebP vs AVIF vs MP4
| Format | Typical size | Colour | HTML tag | Support |
|---|---|---|---|---|
| GIF | Largest | 256 per frame; on/off transparency | <img> | Everywhere |
| WebP | Usually much smaller than GIF | Full colour + alpha | <img> | All modern browsers |
| AVIF | Usually smallest of the image formats | Full colour (alpha in the format; not written by this tool) | <img> | Current Chrome, Edge, Firefox, Safari |
| MP4 | Usually smallest overall | Full colour, no alpha | <video> | Everywhere, but not where only images are allowed |
None of these exports include audio. Sizes vary by clip, so the editor shows your real output size before download. How we test
Questions about Video to Animated WebP Converter
- What's the longest clip I can convert?
- There's no fixed time limit. After you drop a video, pick the part you want on its timeline, plus a frame rate and width (up to the original size). The only limit is your device's memory: the picker shows how many frames that makes and warns before it's too many, typically several hundred frames at 480 px or around 150 at 1080p. Short loops of 2 to 6 seconds still give the best balance of smoothness and file size.
- Can I add text, like a meme caption or a subtitle?
- Yes. The Text tab adds as many captions as you like, in meme, subtitle or label styles, with your own font, size, colours, outline and box. Drag them on the preview to place them and set when each one appears. Text is drawn into the frames, so it shows everywhere the animation plays.
- Why use WebP instead of GIF?
- GIF is limited to 256 colours per frame, which causes banding and dithering noise on gradients, skin and shadows. Animated WebP uses lossy VP8 compression with full colour, so the same clip usually looks better and weighs much less.
- Does animated WebP work everywhere GIF does?
- Every current browser displays it. Some chat apps, email clients and forums still only accept a .gif file, so check the destination. On your own site, use a picture element with a GIF fallback.
- Will the WebP have sound or transparency?
- No sound: animated WebP is an image format. Video has no transparent pixels to begin with, so the result is fully opaque. To make a transparent animation, start from transparent PNG frames with Images to Animated WebP.
- Is my video uploaded?
- No. Frames are decoded in your browser and encoded by libwebp compiled to WebAssembly, running in a background worker on your device.
The 256-colour bottleneck
A GIF frame can only reference 256 colours. Video footage contains far more, so a GIF encoder must pick a palette and either band the remaining colours or dither them into noise, which also hurts compression. Animated WebP stores frames with VP8, the same family of coding as WebM video, at full 24-bit colour, so gradients stay smooth and files stay small.
Using animated WebP on a website
Use it exactly like an image: an img tag, CSS background or Markdown image. To cover rare older software, wrap it in a picture element with a WebP source and a GIF img fallback; browsers pick the first type they support and never download the others.
For clips longer than a few seconds, a muted, looping MP4 in a video tag is usually smaller still, but it only works where video tags are allowed.
Settings that work
Frame rate and resolution have the biggest effect on size. 10 to 15 fps is smooth for most interface and product footage; reserve 20 to 30 fps for fast motion. Quality 70 to 80 is hard to tell from the original. Areas that don't move are only stored once, so static screen recordings stay small even at full width.
Private by design
Framimo converts your files inside your browser tab, so your video is never sent to a server for this WebP export. There is no signup and no watermark, and you can disconnect from the internet once the page has loaded.