AVIF vs HEIC vs WebP: verschillen tussen moderne formaten

WebP is de oudste van de drie. Google kondigde het in september 2010 aan, enkele maanden na de overname van On2 Technologies, waarvan de VP8-videocodec de motor van het nieuwe formaat werd. Het idee was simpel: een stilstaande WebP is in feite één VP8-keyframe in een kleine RIFF-verpakking. De eerste versie was alleen verliesgevend. Een verliesvrije modus, een alfakanaal voor transparantie en animatie volgden in de drie jaar daarna, en daarom kan WebP JPG, PNG en GIF vervangen met één bestandstype. Google documenteert het formaat en de bibliotheek libwebp nog steeds op de WebP-ontwikkelaarssite.

HEIC heeft een andere achtergrond. HEIF, het High Efficiency Image File Format, is een containerstandaard die in 2015 door de Moving Picture Experts Group is gepubliceerd als ISO/IEC 23008-12. Een HEIF-bestand kan afbeeldingen bevatten die met verschillende codecs zijn gecomprimeerd; bij de codec HEVC, ook wel H.265, heet het bestand HEIC. Apple maakte het in 2017 het standaard camerabestandsformaat in iOS 11 en macOS High Sierra, op de iPhone 7 en later, en die ene beslissing bracht vrijwel van de ene dag op de andere miljarden HEIC-foto's in omloop. Daardoor maken de meeste mensen er überhaupt kennis mee.

AVIF is de nieuwste. De Alliance for Open Media, in 2015 opgericht door Google, Mozilla, Microsoft, Amazon, Netflix, Cisco en Intel, bracht in 2018 de royaltyvrije AV1-videocodec uit en in februari 2019 de AVIF 1.0-specificatie voor afbeeldingen. Technisch leent AVIF de HEIF-container en vervangt HEVC door AV1, dus AVIF en HEIC zijn neven met een andere motor. De deelnemende bedrijven wilden een moderne codec zonder patentkosten, en de Alliance for Open Media publiceert de AV1- en AVIF-specificaties nog steeds.

Alle drie de formaten stammen af van videocodecs, en dat zie je aan hoe ze comprimeren. In plaats van de vaste blokken van 8 × 8 pixels van JPG voorspellen ze elk gebied vanuit naburige pixels, gebruiken ze blokken van wisselende grootte en filteren ze randen na het decoderen. Het resultaat is minder blokvorming bij lage kwaliteitsinstellingen. AVIF gaat het verst: bij dezelfde zichtbare kwaliteit levert het meestal het kleinste bestand, vooral bij egale luchten, huid en kleurverlopen, waar JPG streepvorming gaat tonen. De prijs is de codeertijd. Een AVIF kan vele malen langer duren om te maken dan een WebP van dezelfde foto, wat telt op een telefoon of drukke server.

De functies liggen dichter bij elkaar dan men denkt. Alle drie kunnen transparantie opslaan en alle drie hebben een animatiemodus, al is geanimeerde HEIC in de praktijk zeldzaam. Bij verliesvrije compressie springt WebP eruit: de verliesvrije modus is los van de verliesgevende ontworpen en wint meestal van PNG bij screenshots en afbeeldingen. AVIF en HEIC kunnen in theorie verliesvrij zijn, maar de bestanden zijn doorgaans groot en tools bieden die modus zelden aan. Kleurdiepte is de andere grote scheiding. WebP is beperkt tot 8 bits per kanaal, terwijl HEIC en AVIF 10-bits kleur opslaan en AVIF ook 12-bits en HDR-beelden kan bevatten.

Licenties verklaren veel van de ondersteuning. WebP en AV1 zijn royaltyvrij uitgebracht, dus browsermakers konden ze toevoegen zonder iemand te betalen. HEVC valt onder patenten die door meerdere licentiepools worden beheerd, en daarom decoderen Chrome, Firefox en Edge HEVC-afbeeldingen alleen als het besturingssysteem al een gelicentieerde decoder levert. Voor een website-eigenaar is dat verschil doorslaggevend: een formaat dat elke bezoeker ziet, wint van een formaat dat een paar kilobytes extra bespaart voor de helft van hen.

Verschillen in bestandsgrootte hangen af van de foto, de encoder en de kwaliteitsinstelling, dus zie elk getal als gemiddeld en niet als exact. Bij een foto van 1200 × 800 px met kwaliteitsinstellingen die er op een laptopscherm hetzelfde uitzien, is een JPG meestal ongeveer 150–200 KB, een WebP ongeveer 100–140 KB en een AVIF ongeveer 60–100 KB. Volgens Googles eigen vergelijkingen is verliesgevende WebP 25–34% kleiner dan JPG, en Apple beschrijft HEIC als ongeveer de helft van de grootte van JPG voor camerafoto's. Een iPhone-foto van 12 MP die als JPG 3–4 MB zou zijn, is als HEIC meestal 1,5–2,5 MB.

Afbeeldingen met grafische inhoud gedragen zich anders. Een screenshot met egale kleuren en tekst is vaak het kleinst als verliesvrije WebP, gevolgd door PNG, en AVIF wint daar weinig. Kleine miniaturen verkleinen het verschil ook, omdat elk formaat een paar honderd bytes aan headers meedraagt. De veelvoorkomende mythes hieronder komen voort uit het lezen van benchmarkcijfers zonder die context.

Op het web zijn WebP en AVIF gemeengoed. Chrome, Edge, Firefox en Safari tonen allemaal WebP; Safari kwam als laatste, met versie 14 in 2020 op macOS Big Sur en iOS 14. AVIF kwam in Chrome 85 in 2020, Firefox 93 in 2021 en Safari 16 in 2022, en Edge voegde het begin 2024 toe. Een bezoeker met een actuele browser ziet beide. Alleen mensen met oude Safari-versies, bijvoorbeeld op iPhones die niet verder dan iOS 15 kunnen updaten, missen AVIF, en met het element <picture> kan een site hen een JPG als terugvaloptie sturen.

Bij HEIC is het omgekeerd. Apple-apparaten openen het overal en Safari 17 kan het zelfs in een webpagina tonen, maar Chrome, Firefox en Edge tonen geen HEIC-afbeeldingen op het open web. Windows 10 en 11 kunnen HEIC openen in de Foto's-app zodra u de HEIF-afbeeldingsextensies uit de Microsoft Store toevoegt, plus op veel pc's de HEVC-video-extensies, een betaalde extra. Recente Android-versies kunnen HEIF decoderen, maar apps en websites van derden verschillen sterk.

Desktopsoftware zit ertussenin. Adobe Photoshop opent WebP sinds versie 23.2 in 2022 standaard, en de meeste huidige afbeeldingsviewers verwerken WebP. Ondersteuning voor AVIF en HEIC in editors, kantoorsuites en oudere programma's is wisselend, en veel uploadformulieren controleren nog op .jpg, .jpeg of .png en weigeren al het andere. De onderstaande panelen vatten elk platform samen.

Voor weblevering is WebP het standaardantwoord en AVIF de optimalisatie erbovenop. Als u de site beheert, serveer dan AVIF aan browsers die het accepteren en WebP of JPG aan de rest; de meeste image-CDN's en frameworks regelen dat automatisch. Krijgt u maar één bestand, kies dan WebP: elke huidige browser toont het en het codeert snel. Voor opslag op de telefoon is HEIC op een iPhone moeilijk te verslaan: de camera schrijft het van nature, de Foto's-app leest het, en er past ongeveer twee keer zoveel in dezelfde ruimte.

Archieven, drukwerk en papierwerk trekken de andere kant op. Een fotoarchief moet over twintig jaar leesbaar zijn zonder speciale codecs, wat pleit voor het bewaren van originelen zoals ze uit de camera kwamen en het toevoegen van JPG-kopieën waar nodig. Drukkerijen vragen meestal om JPG of TIFF, en overheids-, examen- en sollicitatieportalen accepteren vaak alleen JPG of PNG, soms met een limiet in kilobytes. In al die gevallen is een geconverteerde kopie het praktische antwoord, terwijl het origineel in uw bibliotheek blijft.

De vier veelvoorkomende toepassingen hieronder vatten de keuze samen. Kies op basis van waar het bestand naartoe gaat, niet op basis van welk formaat de beste benchmark heeft.

De meeste conversies gaan één kant op: van een nieuw formaat naar JPG of PNG voor compatibiliteit. Kies JPG voor foto's en PNG als de afbeelding transparantie heeft of scherpe tekst die scherp moet blijven. Om AVIF naar JPG te converteren begint de converter bij Kwaliteit 90, omdat AVIF-bestanden voor het web al sterk gecomprimeerd zijn, en de optie Transparante delen onder Geavanceerde instellingen bepaalt waarmee doorzichtige pixels worden gevuld. De HEIC naar JPG-converter begint ook bij 90 en verwijdert locatiegegevens, tenzij u Metadata verwijderen uitschakelt.

Voor WebP begint de pagina WebP naar JPG bij kwaliteit 85, wat er op normaal formaat identiek uitziet aan de bron. Elke converter accepteert tot 20 bestanden per batch en 95 MB per bestand, vereist geen account en verwijdert uploads en resultaten 30 minuten na de verwerking. De uitgebreidere uitleg in HEIC naar JPG converteren en WebP naar JPG: wanneer en waarom behandelt telefooninstellingen en randgevallen.

De andere kant op is net zo nuttig. Als u een site beheert, verlaagt JPG-foto's omzetten naar AVIF hun gewicht meestal met ongeveer de helft voordat u ze uploadt. De matrix toont welke conversies tussen deze formaten een eigen converterpagina op UltKit hebben.

Elke verliesgevende conversie gooit weer wat detail weg, dus converteer kopieën, geen origineel. Bewaar de HEIC-bestanden in uw iPhone-bibliotheek en exporteer alleen JPG's voor de mensen of programma's die ze nodig hebben. Hetzelfde geldt voor HDR-foto's: AVIF en HEIC kunnen 10-bits kleur opslaan, en bij het converteren naar een 8-bits JPG worden heldere highlights naar het standaardbereik teruggebracht, wat prima is om te delen maar niet voor later bewerken. Als u een afbeelding mogelijk opnieuw bewerkt, bewaar dan het origineel of een verliesvrije PNG-kopie en doe alle bewerkingen daarmee.

Bewaar ook het origineel als het nieuwere formaat al wordt geaccepteerd. Als een websitebouwer, chatapp of clouddrive WebP of HEIC rechtstreeks accepteert, voegt converteren alleen een stap toe en maakt het bestand groter. Converteer aan de rand, op het moment van uploaden, verzenden of afdrukken, en u krijgt compatibiliteit zonder uw bibliotheek langzaam te verslechteren.