AVIF (AV1 Image File Format) e WebP sono due formati raster moderni che comprimono molto meglio di JPEG e PNG. WebP e stato rilasciato da Google nel settembre 2010 sulla base del codec video VP8 e ha raggiunto il pieno supporto dei browser moderni quando Safari l ha aggiunto in iOS 14 (settembre 2020). AVIF e stato standardizzato dall Alliance for Open Media nel febbraio 2019 sulla base del codec AV1 e ha raggiunto ampio supporto quando Safari 16 lo ha aggiunto nel settembre 2022. AVIF comprime le foto 20 a 30 percento piu piccole di WebP a parita di qualita visiva e 50 percento piu piccole di JPEG. WebP e 25 a 35 percento piu piccolo di JPEG. Entrambi supportano trasparenza, animazione e compressione lossless. AVIF supporta anche HDR, profondita 10 e 12 bit e gamut ampio. La codifica WebP e 10 a 20 volte piu veloce di AVIF.
Differenza di dimensione in pratica
| Formato | Foto Q 75 a 80 | vs JPEG | vs WebP |
|---|---|---|---|
| JPEG | 180 KB | base | +60 percento |
| WebP lossy | 110 KB | -39 percento | base |
| AVIF | 75 KB | -58 percento | -32 percento |
| JPEG XL | 80 KB | -55 percento | -27 percento |
Supporto browser
| Browser | WebP | AVIF |
|---|---|---|
| Chrome | v9 (feb 2011) | v85 (ago 2020) |
| Firefox | 65 (gen 2019) | 93 (ott 2021) |
| Safari | 14 (set 2020) | 16 (set 2022) |
| Edge | 18 (nov 2018) | 121 (gen 2024) |
| Copertura (caniuse 2025) | 97 percento | 94 percento |
Servire AVIF con fallback WebP
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Foto" width="1200" height="800" loading="lazy">
</picture>Conversione
cwebp -q 80 hero.jpg -o hero.webpavifenc --min 25 --max 35 hero.jpg hero.avif- Sharp, ImageMagick 7.0.25+, libvips, Squoosh.
- CDN al volo: Cloudflare Images, Cloudinary, imgix, Bunny Optimizer, Statically.
WordPress
WordPress 5.8 (lug 2021) WebP, WordPress 6.5 (apr 2024) AVIF. Plugin: ShortPixel, EWWW Image Optimizer, Imagify, Smush, Converter for Media, Optimole. Cloudflare Polish converte sull edge.
Quando AVIF, quando WebP
- AVIF per hero e foto grandi, generato in build.
- WebP per il long tail e gli upload.
- Entrambi via
picture. - Niente AVIF per icone sotto 5 KB.
- Niente di tutto cio per SVG e GIF animate.
JPEG XL e HEIC
JPEG XL ISO/IEC 18181 (2022). Chrome lo ha rimosso nel 2023, Safari 17 (set 2023). HEIC e proprietario Apple, non supportato nel web.
Svantaggi AVIF
- Codifica lenta.
- Decodifica piu pesante su vecchi mobile.
- Supporto email limitato.
- Anteprime social (Facebook, LinkedIn) richiedono spesso JPEG.
Come InspectWP aiuta?
InspectWP analizza ogni immagine e segnala formato, peso e se AVIF o WebP risparmierebbe banda.