Video to Animated AVIF Converter
Animated AVIF uses the AV1 video codec inside an image file, so it plays in a plain img tag like a GIF while compressing like modern video. Pick any part of your video, trim, crop and caption it, choose quality and frame rate, and export. In browsers with an AV1 encoder, such as Chrome and Edge, the AVIF is encoded on your device and nothing is uploaded. Other browsers can opt in to server encoding, which only starts after you confirm and deletes the file once the result is ready.
- On-device in Chrome & Edge · server only if you opt in
- 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. Encode with the browser's WebCodecs AV1 encoder on your device (Chrome, Edge), or confirm server encoding in other browsers, then download the animated AVIF.
Recommended settings
| Use case | Settings | Why |
|---|---|---|
| Landing page hero loop | 480 px wide · 12–15 fps · quality 50–60 | AV1 holds detail well at moderate quality. Ship it in a picture element with WebP and GIF fallbacks. |
| Product or UI walkthrough | Crop to the UI · 10–12 fps · quality 60–70 | Small text needs a little more quality to stay readable; the cropped area keeps the file small anyway. |
| Background texture or ambient motion | 360 px wide · 8–10 fps · quality 40–50 | Soft, slow footage hides compression well, so you can push quality down for the smallest file. |
Use it on the web
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.gif" alt="Short description of the animation" width="480" height="270" loading="lazy">
</picture><video autoplay loop muted playsinline width="480" height="270" aria-label="Short description of the animation">
<source src="hero.mp4" type="video/mp4">
</video>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 AVIF 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.
- Does this need a server, when GIF, WebP and MP4 don't?
- Only in browsers without a built-in AV1 encoder. Chrome and Edge include one through WebCodecs, so the AVIF is encoded on your device. Elsewhere, and only if you click to confirm, your edited clip is sent to our server, encoded, and deleted once the export is ready. That fallback also needs the browser's H.264 encoder to prepare the clip.
- Which browsers can display animated AVIF?
- Current versions of Chrome, Edge, Firefox and Safari display AVIF images; the Can I use table linked below has exact versions. Use a picture element with WebP or GIF fallbacks for older software.
- Does the AVIF keep transparency or sound?
- No. The AVIF format can carry an alpha channel, but this encoder writes fully opaque frames, and image formats have no audio. Video has no transparency to keep anyway.
- How much smaller than GIF will it be?
- It depends heavily on the footage, so we don't quote a fixed percentage. AV1 codes the differences between frames, which GIF cannot do, so for most real footage the AVIF is many times smaller. The editor shows the real output size before you download.
Why animated AVIF is worth it
AVIF is the AV1 codec in a HEIF image container. Because AV1 is a modern video codec with inter-frame prediction, an animated AVIF can approach the size of an MP4 of the same clip, yet it is still an image: it works in img tags, CSS backgrounds and many Markdown renderers where a video tag is not allowed.
Embedding animated AVIF with fallbacks
Put the AVIF first in a picture element, then a WebP source, then a GIF img fallback. Browsers download only the first format they can display, so modern visitors get the smallest file and older software still sees motion.
If you control the page and the clip is longer than a few seconds, a muted looping MP4 in a video tag is the other high-efficiency option; the snippets above show both.
How encoding works here
Frames are decoded from your video in a background worker (WebCodecs, with a slower fallback for files it can't decode), then passed to the WebCodecs AV1 VideoEncoder. Framimo's own muxer wraps the AV1 stream as an AVIF image sequence (8-bit, 4:2:0). If the browser has no AV1 encoder, you are offered the opt-in server path instead of an error.
Private by design
Animated AVIF is encoded on your device in browsers with an AV1 encoder, such as Chrome and Edge. Other browsers can opt in to server encoding, which only starts after you explicitly confirm; the file is deleted once the result is ready.