WebP vs AVIF

AVIF weegt nog minder; WebP codeert sneller en werkt op oudere machines.

Kies WebP wanneer

WebP als er veel afbeeldingen snel verwerkt moeten worden of als er ook oude browsers bediend moeten worden.

Kies AVIF wanneer

AVIF als het om de omvang gaat en de codeertijd er niet toe doet. Bij foto’s is twintig tot dertig procent onder WebP normaal.

Het detail waar mensen op stuklopen

Coderen in AVIF duurt een veelvoud van WebP. Bij één afbeelding merk je dat nauwelijks; bij duizend flink.

Wat de omzetting van WebP naar AVIF werkelijk doet

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as AVIF.

AVIF17 KB20% larger

Een fotografisch tafereel — zachte overgangen, vage randen, korrel. Dit is het geval waarvoor AVIF is bedacht, of waartegen, en de cijfers laten zien welke van de twee. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as AVIF.

AVIF3 KB21% smaller

Een doorzichtige achtergrond en een verloop dwars door de vorm. AVIF houdt beide, of één van beide, of vult de doorzichtigheid met een effen kleur — en juist dat verschil overvalt mensen. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as AVIF.

AVIF5 KB2.1× smaller

Vlakke kleur en harde randen, zoals in een interface, een diagram of een logo. Gedraagt zich heel anders dan de foto hierboven, en dat is waarom het antwoord «het hangt ervan af wat er in het bestand zit» is. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.

Naast elkaar

WebP en AVIF regel voor regel vergeleken: wat elk bewaart en wat dat kost.
WebPAVIF
Full nameWebP ImageAV1 Image File Format
Extensie.webp.avif
Mediatypeimage/webpimage/avif
CompressieHet een of het ander, afhankelijk van de instellingHet een of het ander, afhankelijk van de instelling
Deze site kan het schrijvenJaJa

Gekozen? Zet het hier om

Waar deze cijfers vandaan komen

Wat deze pagina over WebP and AVIF beweert, is na te gaan, en dit zijn de documenten die de zaak beslechten.