How to Convert WebM to AVIF Online
- Upload Your WebM File: Drag and drop or click "+ Add Files" to select one or many.webm clips. Batch conversion is supported, and processing happens on our servers — files are not stored on a server.
- Pick Quality Preset and Frame Selection: The default Quality Preset is "Very High (Recommended)"; drop to "High" or "Medium" for smaller files, or switch to "Specific file size" to target a byte budget. Under Frame Selection, choose Specific Frame to extract a single still at a chosen Time (seconds), or Multiple Screenshots to sample several frames across the clip.
- Resize the Output (Optional): Set a Resolution Percentage, pick a Preset Resolution (e.g., 720P, 1080P, 1440P, 2160P), or enter custom Width × Height. Aspect ratio is preserved when you fix only one dimension.
- Convert and Download: Click "Convert" and download each.avif file individually or as a ZIP. No watermark, no sign-up, no email required.
Why Convert WebM to AVIF?
WebM is a video container (VP8/VP9 or AV1 video, Vorbis/Opus audio) that browsers play but image viewers, design tools, and CMS thumbnail pipelines do not. AVIF — the AV1 Image File Format, standardized by the Alliance for Open Media on February 19, 2019 — stores one or more AV1-coded frames in the same HEIF (ISO-BMFF) container Apple uses for HEIC. The result is a still image (or short sequence) that is typically ~50% smaller than an equivalent JPEG at matched quality and noticeably smaller than WebP, with HDR, 10/12-bit color, and alpha-channel transparency built in.
- Web hero shots and product thumbnails — Pull the perfect frame from a WebM screen recording or product demo and ship it as AVIF. Cloudflare, Netflix, and Shopify all serve AVIF via
<picture>with WebP/JPEG fallbacks, often cutting LCP image bytes 40-60%. - Blog post thumbnails from screen recordings — Chrome DevTools, OBS, and Loom all export to WebM; AVIF lets you publish one sharp still at a fraction of the PNG/JPEG weight.
- Photo-stack composites and HDR stills — AVIF supports 10-bit and 12-bit color and the HDR transfer functions (PQ, HLG) used by iPhone Pro and modern Android cameras, so you keep dynamic range a JPG would crush.
- CMS uploads that require an image MIME type — WordPress media library (6.5+), Ghost, and Webflow accept AVIF natively; WebM uploads are rejected as video, blocking lazy-load and
srcsetworkflows. - Animated stickers and short loops — Save a multi-frame AVIF (AVIFS) sequence from a few seconds of WebM. Compared to GIF, AVIF carries millions of colors instead of 256 and shrinks file size dramatically — Chrome 85+, Edge, Opera, and Safari 16.4+ render the animation; Firefox displays the first frame only.
- Archival of WebM screen captures — A still AVIF keyframe per clip is a tiny, indexable cover that surfaces in Finder, Explorer, and image-search pipelines that ignore.webm.
WebM vs AVIF — Format Comparison
| Property | WebM (video) | AVIF (image) |
|---|---|---|
| Type | Video container | Still or animated image |
| Codec | VP8 / VP9 / AV1 | AV1 (still or image sequence) |
| Audio | Vorbis / Opus | None |
| Container | Matroska (EBML) | HEIF / ISO-BMFF |
| Stewarded by | Google / WebM Project | Alliance for Open Media (2019) |
| Color depth | 8-bit (10-bit with AV1) | 8 / 10 / 12-bit |
| HDR (PQ, HLG) | With AV1 profile | Yes |
| Transparency | No alpha | Full alpha channel |
| Browser playback | All modern browsers | Chrome 85+, Edge 121+, Firefox 93+ (still), Safari 16.1+ |
| Animated render | Native video | Chrome/Edge/Opera/Safari 16.4+; Firefox shows first frame only |
| Typical use | Web video, screen recordings | Web hero/thumb, HDR stills, animated stickers |
| Royalty status | Royalty-free | Royalty-free |
Quality Preset and Frame-Selection Guide
| Setting | When to use | Notes |
|---|---|---|
| Very High (default) | Hero images, product shots, photography | Visually lossless on most content; largest file |
| High | Blog thumbnails, OG images | Best balance of size and clarity for the web |
| Medium | Email images, gallery thumbs | Smaller still; soft edges on text-heavy frames |
| Specific file size | Hard byte budget (CDN cap, email) | Encoder iterates to hit your target |
| Specific Frame + Time (seconds) | Pull a single still at second N | Use 0 for the very first frame; bump up if it's black |
| Multiple Screenshots | Storyboard or thumbnail strip | Returns several AVIFs; one per sample point |
| Preset Resolutions | Match a standard size (720P / 1080P / 1440P / 2160P) | Keeps aspect ratio; downscaling is free quality |
Frequently Asked Questions
Does this produce a still AVIF or an animated AVIFS?
Both. Pick Specific Frame with a Time value to get a single still.avif (one AV1 keyframe). Pick Multiple Screenshots for a series of stills, or use an animated mode if you need a true AVIFS image sequence. Most browsers tag both with the image/avif MIME type.
Will animated AVIF play in Firefox?
No — as of 2026, Firefox renders the first frame of an animated AVIF as a static image. Animated AVIF (image sequences) plays in Chrome 85+, Edge, Opera, and Safari 16.4+ (March 2023). If you need a sticker that animates everywhere, convert WebM to GIF or use animated WebP instead and accept the size penalty.
How small will my AVIF be compared to PNG or JPEG?
For a typical photographic still, AVIF averages about 50% smaller than JPEG at matched perceptual quality and roughly 20-30% smaller than WebP, per Alliance for Open Media test suites. Screenshots with flat color and crisp text show even bigger savings because AV1's intra prediction handles edges better than DCT-based JPEG.
Why does my converted AVIF look blurry?
Three usual causes: (1) you picked Medium or lower Quality Preset on a text-heavy frame — bump to High or Very High; (2) the source WebM was already heavily compressed (low bitrate VP9), so detail was lost before conversion; (3) you scaled down too aggressively — try keeping the original Width × Height.
Will this preserve transparency from a WebM with alpha?
Yes. WebM supports alpha via VP8/VP9 (yuva420p), and AVIF carries that alpha channel through to the output image. This is one of the main reasons to prefer AVIF over JPEG when extracting frames from a screen recording with transparent overlays.
Can I extract one frame at an exact timestamp?
Yes. Choose Specific Frame, then enter the Time in seconds (the dropdown supports values like 1/10, 1/5, 1/2, 1, 2, 5, 10 seconds and longer). The encoder seeks to the nearest keyframe at that offset and re-encodes it as a single AVIF.
Is AVIF really royalty-free?
Yes. AV1 (and AVIF as its image format) was designed by AOMedia — whose members include Google, Apple, Microsoft, Mozilla, Netflix, and Amazon — specifically to be royalty-free for both encoding and decoding, unlike HEIC/HEVC which carry MPEG-LA patent pool fees.
What's the difference between AVIF and HEIC?
Both use the same HEIF container (ISO-BMFF), so they look similar on disk. The difference is the codec inside: HEIC uses HEVC (H.265, patent-encumbered), AVIF uses AV1 (royalty-free). AVIF support is broader in browsers; HEIC is more common in Apple's Photos pipeline. See AVIF to JPG for the reverse fallback.
Should I compress the AVIF further afterwards?
Usually not — picking the right Quality Preset on conversion gives a better result than re-encoding. If you must hit a hard byte budget after the fact, use Compress AVIF with a target percentage rather than chaining quality reductions.