Convert AVIF to WebP Online — Free
Convert AVIF to WebP for broader browser support while keeping a small file size. A practical step when AVIF's reach is still catching up with WebP's.
Direct converter coming soon
Use the Image Compressor with AVIF input.
Open Image Compressor →How to convert AVIF to WebP
- 1
Add your AVIF file
Drop or select a .avif file. Files up to 50MB process locally in your browser — nothing uploaded.
- 2
Run the conversion
AVIF decodes through the browser's native AVIF decoder, renders to a Canvas, and re-encodes as WebP at your chosen quality. Both formats support alpha, so transparency is preserved end-to-end.
- 3
Download your WebP
One click saves the result as a .webp file. Your original file stays on your device.
Why convert AVIF to WebP?
WebP has wider runtime support than AVIF — 96%+ global coverage vs. roughly 93% for AVIF (Safari only added AVIF in iOS 16, September 2022; older iPhones still can't decode it). For production websites today WebP is a safer default. The WebP output is larger than the AVIF but still meaningfully smaller than JPG or PNG equivalents.
Common AVIF to WebP use cases
- Switching a site from AVIF to WebP to restore iOS 15 and older Safari compatibility while keeping modern efficiency
- Preparing images for a React Native or Flutter app where WebP is supported but AVIF decoding isn't
- Serving WebP as the primary format with AVIF as a progressive enhancement via <picture> (this converter makes the WebP fallback)
- Converting AI-generated AVIF exports (Midjourney, SDXL) to WebP for broader compatibility in publishing workflows
What file size to expect
A 2000×1333 AVIF at quality 75 is typically 200-320 KB. The WebP output at quality 80 is usually 350-500 KB — roughly 1.5-2× larger. Compared to JPG output from the same AVIF, WebP is still 2-3× smaller, preserving most of AVIF's efficiency gains.
Technical notes: AVIF → WebP
Both AVIF (AV1 intra) and WebP (VP8 intra) are video-codec-derived still image formats, but AVIF's encoder is more modern and typically 20-30% more efficient at matched visual quality. Converting lossy AVIF to lossy WebP is 'lossy → lossy' — the WebP captures the AVIF's decoded pixels and re-compresses them, so some quality is lost. For best results, use WebP quality 85+ if the source AVIF was quality 75+. AVIF's 10-bit color is truncated to 8-bit during Canvas rendering; alpha is preserved in both lossy and lossless WebP output modes.
Compatibility and browser support
WebP supports Chrome 23+, Firefox 65+, Safari 14+ (iOS 14+), Edge 18+, Opera 12.1+. AVIF decoding (for input): Chrome 85+, Firefox 93+, Safari 16+, Edge 121+. WebP coverage is noticeably broader than AVIF, which is why this conversion makes sense for reaching older iOS devices.
AVIF vs WebP
| AVIF | WebP | |
|---|---|---|
| File size | Smallest (newer codec) | Smallest at equivalent quality |
| Quality | Lossy or lossless | Lossy or lossless |
| Transparency | Yes | Yes |
| Browser / app support | Modern browsers | Modern browsers (Chrome, Firefox, Safari, Edge) |
| Best for | Cutting-edge web optimization | Web images, performance-focused sites |
Related conversions
Frequently Asked Questions
Will the WebP be larger than the AVIF?
Yes — typically 1.5-2× larger. Still much smaller than JPG or PNG equivalents, so you keep most of AVIF's efficiency while gaining broader compatibility.
What quality setting should I use?
For best fidelity from an AVIF source, use WebP quality 85+. Lower quality (70-80) is fine for thumbnails but shows more artifacts compared to the AVIF source.
Transparency?
Preserved — both AVIF and WebP support full alpha channels in both lossy and lossless modes.
Lossy or lossless WebP?
Lossy by default, adjustable via slider. Lossless WebP from a lossless AVIF preserves the pixels exactly but produces much larger files.
Why not just keep AVIF?
If your users are all on modern browsers (Chrome, Firefox 93+, Safari 16+, Edge 121+), keep AVIF. If you need to reach iOS 15 or earlier, WebP is the better fallback.
Serve both?
Use a <picture> element: <source type='image/avif' srcset='photo.avif'><source type='image/webp' srcset='photo.webp'><img src='photo.jpg'>. The browser picks the best format it supports.