Wat is AVIF? Het nieuwe beeldformaat op basis van AV1

AVIF (AV1 Image File Format) brengt de compressie voor stilstaande beelden van de videocodec AV1 naar afbeeldingsbestanden. Het kan foto's in kleinere bestanden opslaan dan JPEG, en in veel gevallen ook dan WebP, en het ondersteunt transparantie, animatie, een kleurdiepte van 10 en 12 bits en HDR. Dit artikel legt uit waar AVIF vandaan komt, wat er in het bestand zit, hoeveel het echt bespaart en waar het problemen geeft.

Wie zit er achter AVIF?

AVIF is ontwikkeld door de Alliance for Open Media (AOMedia), een brancheconsortium dat in 2015 werd opgericht om open, royaltyvrije mediatechnologie te bouwen. Het eerste grote project was de videocodec AV1, die volgens AOMedia in 2018 werd gepubliceerd. Volgens de formaatbeschrijving van de Library of Congress is versie 1.0.0 van de AVIF-specificatie gedateerd op 19 februari 2019 en versie 1.1.0 op 15 april 2022. De huidige versie van de specificatie is 1.2.0, gedateerd 16 oktober 2025.

Dat het royaltyvrij is, is een belangrijk verschil: ook MDN beschrijft AVIF als een krachtig, royaltyvrij formaat. HEIC, dat dezelfde HEIF-container gebruikt, leunt op de codec HEVC en heeft lang niet dezelfde browserondersteuning.

Wat zit er in een AVIF-bestand?

De HEIF-container

AVIF slaat met AV1 gecomprimeerde afbeeldingen op in de HEIF-container (High Efficiency Image File Format, ISO/IEC 23008-12). HEIF zelf is gebaseerd op het ISO base media file format (ISOBMFF), dezelfde basis als MP4-bestanden. Volgens de specificatie is een AVIF-bestand ontworpen als conform HEIF-bestand, zowel voor losse afbeeldingen als voor beeldreeksen, en moet het ook aan MIAF voldoen. Het bestandstype wordt herkend aan brands in de ftyp-box aan het begin: avif voor stilstaande beelden en avis voor geanimeerde reeksen.

Profielen

De specificatie definieert twee profielen: Baseline (brand MA1B), dat het AV1-profiel Main op niveau 5.1 of lager gebruikt, en Advanced (brand MA1A), dat voor stilstaande beelden het AV1-profiel High toestaat. Dankzij deze profielen is voorspelbaar welke bestanden een decoder kan openen.

Transparantie en animatie

Het alfakanaal wordt opgeslagen als een aparte hulpafbeelding in AV1 die aan de hoofdafbeelding is gekoppeld. Die alfa-afbeelding moet monochroom zijn en dezelfde bitdiepte hebben als de hoofdafbeelding. Een geanimeerde AVIF is in wezen een AV1-videospoor, en daarom comprimeert hij veel efficiënter dan een geanimeerde GIF met dezelfde inhoud.

Compressie, kleurdiepte en HDR

AVIF gebruikt de intra-frame-coderingstools van AV1: de afbeelding wordt opgedeeld in blokken van wisselende grootte, elk blok wordt voorspeld met de beste van vele richtingsgebonden voorspellingsmodi, en het resterende verschil wordt getransformeerd en gekwantiseerd. Vergeleken met de vaste blokken van 8x8 van JPEG vermindert die flexibiliteit blokvorming, vooral bij kleine bestandsgroottes, en blijven egale vlakken schoner.

Volgens MDN ondersteunt AVIF een kleurdiepte van 8, 10 en 12 bits en chroma-sampling in YUV 4:4:4, 4:2:2 en 4:2:0. De AVIF-specificatie stelt dat het formaat afbeeldingen met High Dynamic Range (HDR) en Wide Color Gamut (WCG) ondersteunt, en MDN noemt de overdrachtsfuncties PQ en HLG en de kleurruimte Rec. 2020. Gezien de 8-bitsgrens van JPEG en WebP is AVIF een van de meest volwassen opties om HDR-foto's op het web aan te bieden.

Hoeveel kleiner is AVIF?

De auteurs van de AVIF-gids op web.dev (Jai Krishnan, Wan-Teh Chang en Jeremy Wagner) melden dat ze in hun eigen werk en dat van anderen besparingen van meer dan 50% ten opzichte van JPEG zagen, en MDN zegt dat lossy AVIF-afbeeldingen ongeveer 50% kleiner zijn dan JPEG-afbeeldingen. Die cijfers variëren met de inhoud, de encoderinstellingen en de beoogde kwaliteit.

Gegevens van het echte web geven een voorzichtiger beeld. Volgens de Web Almanac 2024 van HTTP Archive gebruikt de mediane AVIF-afbeelding op mobiel 1,4 bits per pixel, tegenover 1,3 voor WebP en 2,0 voor JPEG. Het rapport merkt ook op dat de AVIF-mediaan steeg van ongeveer 1,0 bit per pixel in 2022, een toename van ongeveer 47%. Met andere woorden: het theoretische voordeel van het formaat leidt in de praktijk niet altijd tot kleinere bestanden, afhankelijk van de kwaliteitsinstellingen die sites kiezen.

Browserondersteuning en gebruik

Volgens Can I use zijn browsers die AVIF ondersteunen goed voor 96,35% van het wereldwijde gebruik (oktober 2026). De ondersteuning kwam met Chrome 85, Firefox 93, Edge 121 en Safari 16.4, met gedeeltelijke ondersteuning in Safari 16.1 tot 16.3. MDN merkt op dat Firefox in versie 113 ondersteuning voor geanimeerde AVIF toevoegde.

Het gebruik is nog laag, maar groeit snel. Gegevens van W3Techs uit oktober 2026 tonen AVIF op 1,7% van de gevolgde websites. De Web Almanac 2024 meldt dat 1,0% van de afbeeldingen op mobiele pagina's AVIF is, een aandeel dat in twee jaar relatief met 386% groeide.

AVIF op een website aanbieden

Omdat de ondersteuning van AVIF recenter is dan die van WebP, raadt MDN aan ook terugvalopties in breder ondersteunde formaten aan te bieden. De meest gangbare aanpak is om bronnen in het HTML-element <picture> op te sommen van meest efficiënt naar meest compatibel. De browser laadt de eerste bron die hij begrijpt, en kent hij er geen, dan gebruikt hij de JPG in de <img>-tag:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Beschrijvende alt-tekst" width="1200" height="800">
</picture>

Voor deze opzet moet je drie bestanden maken, maar elke bezoeker downloadt het kleinste bestand dat zijn browser ondersteunt.

Zwakke punten van AVIF

• Traag coderen: AVIF maken kost merkbaar meer processortijd dan JPEG of WebP. De gids op web.dev merkt op dat snellere instellingen de compressie-efficiëntie en kwaliteit verlagen.
• Geen progressieve weergave: volgens MDN ondersteunt AVIF geen progressieve weergave, dus het bestand moet volledig zijn gedownload voordat het kan worden getoond.
• Software loopt achter op browsers: ook al tonen browsers AVIF, oudere viewers, officeprogramma's en uploadformulieren accepteren het vaak niet.
• De winst slinkt bij zeer hoge kwaliteit: bijna verliesvrije bestanden worden snel groot; voor archiefkopieën passen PNG of het originele bestand beter.

Veelvoorkomende problemen

Een AVIF-bestand wil niet openen

Meestal kent het programma AVIF gewoon niet. Om het bestand te delen of in oudere software te gebruiken, is foto's naar JPG en transparante afbeeldingen naar PNG converteren de snelste oplossing.

Kleuren zien er na conversie flets uit

Wordt een HDR-AVIF of een AVIF met breed kleurengamma naar een 8-bits sRGB-formaat geconverteerd, dan past de extra helderheids- en kleurinformatie niet, en kan het beeld er doffer uitzien dan bedoeld. Dat is een beperking van het doelformaat.

De animatie is verdwenen

JPG en PNG ondersteunen geen animatie, dus een geanimeerde AVIF die naar een van beide wordt geconverteerd, houdt maar één frame over.

Tips voor het converteren van AVIF

• Om AVIF overal te kunnen openen: converteer AVIF naar JPG, of AVIF naar PNG om de transparantie te behouden. Bij geanimeerde AVIF-bestanden wordt alleen het eerste frame gebruikt.
• Om AVIF te maken: onze converters JPG naar AVIF en PNG naar AVIF gebruiken standaard kwaliteit 60. De kwaliteitsschaal van AVIF betekent niet hetzelfde als die van JPEG, en 60 geeft voor de meeste foto's goede resultaten. Bij kwaliteit 95 en hoger wordt kleur op volledige resolutie gecodeerd (4:4:4); daaronder wordt 4:2:0 gebruikt.
• Heb geduld: AVIF-codering draait in je browser met WebAssembly en is trager dan bij andere formaten; de interface toont de voortgang. Je bestanden verlaten je apparaat nooit.
• Kleur en metadata: onze tools passen de kleuren aan naar sRGB, dus HDR-informatie gaat niet mee naar de uitvoer. Ook EXIF- en locatiegegevens worden niet naar de uitvoer geschreven.
• Voor batchtaken kies je AVIF als doel in de afbeeldingsconverter en converteer je meerdere bestanden tegelijk.

Veelgestelde vragen

Zijn AVIF en HEIC hetzelfde?

Nee, maar ze zijn verwant. Beide gebruiken de HEIF-container; HEIC comprimeert het beeld met HEVC (H.265), terwijl AVIF AV1 gebruikt. AV1 is een royaltyvrije codec, en vandaag opent AVIF in elke grote browser, terwijl HEIC grotendeels aan Apple-apparaten gebonden is gebleven.

Is AVIF beter dan WebP?

AVIF levert voor foto's meestal kleinere bestanden op en ondersteunt HDR; WebP codeert veel sneller en de ondersteuning gaat verder terug. Bied je beide via het element <picture> aan op je site, dan krijgt elke browser het efficiëntste formaat dat hij ondersteunt.

Kan AVIF verliesvrij zijn?

Ja, AV1 ondersteunt ook verliesvrije codering. Verliesvrije AVIF-bestanden zijn wel meestal groot, dus als je verliesvrij wilt opslaan, zijn PNG of lossless WebP vaak praktischer.

Opent AVIF op de iPhone?

Safari op actuele iOS-versies toont AVIF; volgens Can I use kwam volledige ondersteuning met Safari 16.4. De ondersteuning in afzonderlijke apps verschilt per app.

Waarom gaat AVIF opslaan zo traag?

AV1 probeert veel blokgroottes en voorspellingsrichtingen uit om de beste compressie te vinden. Die zoektocht maakt bestanden kleiner, maar kost processortijd. De snelheidsinstelling van een encoder verschuift de balans: snellere instellingen leveren grotere bestanden op.

Bronnen

• AOMedia: specificatie van het AV1 Image File Format (AVIF)
• AOMedia: Our story
• Library of Congress: formaatbeschrijving van AVIF
• MDN: Image file type and format guide
• web.dev: Using AVIF to compress images on your site
• Can I use: AVIF image format
• W3Techs: gebruiksstatistieken van afbeeldingsformaten op websites
• HTTP Archive Web Almanac 2024: Media