Add up to 30 WebP images (up to 50 MB each) and convert them to AVIF with libavif at the quality you choose (10 to 100, default 85), with transparency kept. Animated WebP files are converted from their first frame only, so the result is a still image. The conversion runs in your browser, and AVIF encoding takes longer than other formats.
Convert WebP to AVIF for smaller files
If your images are already WebP and you need them smaller still, AVIF is the next step. It usually saves a noticeable share of the size again, which matters most for hero images, product photos and image-heavy pages.
Why convert from WebP to AVIF
WebP is a good format, but AVIF is based on the newer AV1 video codec, which compresses more efficiently than the VP8 codec behind lossy WebP. On a page with many large images, the savings add up to a lighter page for visitors on slow connections or mobile data.
The gain depends on the image. Photos with smooth gradients usually shrink the most, while images with sharp edges, text or fine detail shrink less. Small WebP files of a few dozen kilobytes may not be worth converting.
Browser support
Current versions of Chrome, Firefox, Safari (16.4 and later) and Edge display AVIF. Slightly more older browsers and programs support WebP than AVIF, so if your visitors include older Safari versions or locked-down corporate browsers, serve AVIF with a WebP fallback in a <picture> element.
Transparency and animation
The converter keeps transparency, including semi-transparent areas, so WebP images with transparent backgrounds stay transparent as AVIF. Animation is not kept: the converter reads only the first frame of an animated WebP. Keep animated WebP files as they are.
Encoding time
AVIF encoding takes more computation than JPG or WebP, so a batch takes longer, especially with large images on slower devices. The time is spent once, while every visitor downloads the smaller file.
Quality settings
The quality slider runs from 10 to 100. AVIF holds up well at lower settings, so a setting around 70 to 80 often looks as good as WebP at 85 with a smaller file. Compare the preview with the original and adjust.
When AVIF makes sense over WebP
Use AVIF for large visual elements such as hero images, full-width backgrounds, galleries, portfolios and product photos on modern sites. For small icons and thumbnails that are already small as WebP, the conversion gains little.
Frequently Asked Questions
Is AVIF significantly better than WebP?
Usually smaller at similar quality, with the biggest gains on large photos with smooth gradients. Images with sharp edges and text gain less.
Does WebP to AVIF conversion preserve transparency?
Yes. The alpha channel is kept, including semi-transparent areas and anti-aliased edges.
Can I convert animated WebP to AVIF?
No. Only the first frame of an animated WebP is converted, so the AVIF is a still image. Keep animated WebP files as they are, or convert them with a tool that handles animation.
Why does WebP to AVIF conversion take longer?
The AV1 codec behind AVIF does much more work per image than WebP's VP8 codec. That's the price of the smaller files.
Should I use AVIF or WebP for my website?
AVIF when you want the smallest files and your visitors use current browsers, WebP when you need wider support or faster encoding. Many sites serve both, with WebP as the fallback.
Is AVIF ready for production use?
Yes. All current major browsers support it. Add WebP or JPG fallbacks in a <picture> element for older browsers.