Tijd voor AVIF

AVIF is een modern afbeeldingsformaat die ontworpen is om kleinere bestandsgroottes en betere prestaties te leveren dan traditionele formaten zoals JPEG en PNG. Tot voor kort werd echter AVIF niet door alle browsers ondersteund. Maar nu zelfs Safari het formaat ondersteund is er geen reden meer om niet over te stappen.

AVIF en WebP zijn beide moderne afbeeldingsformaten die ontworpen zijn om kleinere bestandsgroottes en betere prestaties te leveren dan traditionele formaten zoals JPEG en PNG. Toch zijn er duidelijke verschillen tussen de twee, afhankelijk van je prioriteiten.

Compressie & Bestandsgrootte

AVIF is 50% kleiner dan JPEG

• AVIF biedt betere compressie dan WebP. Voor afbeeldingen van vergelijkbare kwaliteit zijn AVIF-bestanden doorgaans 20-30% kleiner dan WebP-bestanden, en tot 50% kleiner dan JPEG’s.

• Dit betekent snellere laadtijden, minder bandbreedtegebruik en betere prestaties, vooral op mobiele apparaten of trage netwerken.

Beeldkwaliteit

• AVIF ondersteunt hogere kleurdiepte (10-12 bits), een breder kleurbereik (WCG) en High Dynamic Range (HDR). Hierdoor zijn AVIF-afbeeldingen visueel rijker, met meer details en realistischere kleuren, vooral bij foto’s met veel contrast of subtiele kleurgradaties.

• WebP levert goede beeldkwaliteit, maar bij zware compressie kunnen artefacten zoals blokvorming of kleurbanding optreden, wat bij AVIF veel minder voorkomt.

Browser- en Software-ondersteuning

• WebP heeft bredere browserondersteuning en is al langer de standaard op het web. Vrijwel alle moderne browsers ondersteunen WebP volledig.

• AVIF heeft de afgelopen jaren een inhaalslag gemaakt en wordt nu door bijna alle grote browsers ondersteund, maar er zijn nog steeds enkele platformen en tools waar de ondersteuning minder is of ontbreekt. Er is dus geen reden meer het gebruik er van uit te stellen.

• Niet alle beeldbewerkingssoftware ondersteunt AVIF even goed als WebP, wat integratie in bestaande workflows soms lastiger maakt.

Functionaliteit

Een begin maken met AVIF

Om je website te kunnen voorzien van het AVIF formaat is het van belang dat je website draait op PHP versie 8.1 of hoger. Met de installatie van CompressX worden alle nieuwe afbeeldingen die je op je website plaatst automatisch omgezet in het AVIF formaat.

Dezelfde plug-in biedt ook de mogelijkheid om bestaande afbeeldingen in je website te converteren naar dit nieuwe formaat.

Conclusie

Het AVIF formaat was langere tijd een belofte. Maar nu inmiddels de meest gebruikte browsers het formaat ondersteunen is er geen reden meer om AVIF niet te te gebruiken en op te nemen in de strategie om te komen tot een zo snel mogelijke ladende website.