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.

Van WebP naar AVIF overstappen

Wat behouden blijft

Er gaat niets verloren. WebP en AVIF bewaren hun inhoud verliesvrij: de omzetting wisselt de verpakking, niet de kwaliteit, en je kunt haar herhalen zonder dat schade zich opstapelt.

De transparantie blijft. WebP en AVIF bewaren allebei een alfakanaal: een uitsnede blijft uitgesneden en erachter wordt niets opgevuld.

De animatie blijft. WebP en AVIF dragen allebei meerdere frames, dus het resultaat beweegt nog steeds.

Het resultaat openen

Actuele browsers lezen AVIF, oudere niet. Daarmee is het het minst draagbare van de twee. Ga liever na of de ontvanger het aanneemt voor je het verstuurt.

AVIF is een container, geen enkelvoudig formaat. Wat er speelt is de codec erin — meestal AV1 — en daarom kunnen twee bestanden met dezelfde extensie zich op hetzelfde apparaat anders gedragen.

GIMP en Squoosh lezen zowel WebP als AVIF, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Waarvoor elk formaat bedoeld is

WebP is het formaat van Google, verschenen in 2010. Er wordt met 8 bits per kanaal vastgelegd.

AVIF komt van Alliance for Open Media en stamt uit 2019, vastgelegd in AV1 Image File Format. GIMP, Squoosh en ImageMagick lezen het formaat.

Van AVIF naar WebP overstappen

Wat verloren gaat

AVIF bewaart tot 12 bits per kanaal en WebP houdt er 8 over. Die extra precisie is wat stevige correcties zonder banden doorstaat: zet dus liever om ná het bewerken dan ervoor.

Wat behouden blijft

Er gaat niets verloren. AVIF en WebP bewaren hun inhoud verliesvrij: de omzetting wisselt de verpakking, niet de kwaliteit, en je kunt haar herhalen zonder dat schade zich opstapelt.

De transparantie blijft. AVIF en WebP bewaren allebei een alfakanaal: een uitsnede blijft uitgesneden en erachter wordt niets opgevuld.

De animatie blijft. AVIF en WebP dragen allebei meerdere frames, dus het resultaat beweegt nog steeds.

Het resultaat openen

WebP opent in elke actuele browser. AVIF komt nog minder ver. Gaat het bestand naar een webpagina of een formulier, dan is dat meestal de hele reden voor de omzetting.

GIMP en Squoosh lezen zowel AVIF als WebP, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Waarvoor elk formaat bedoeld is

AVIF is het formaat van Alliance for Open Media, verschenen in 2019. Er wordt met 12 bits per kanaal vastgelegd.

WebP komt van Google en stamt uit 2010, vastgelegd in RFC 9649. Adobe Photoshop, GIMP en Squoosh lezen het formaat.

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% groter

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% kleiner

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× kleiner

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

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.