AVIF, de onvermijdelijke opkomst

In de recente update van de LiteSpeed Cache for WordPress (LSCWP) plugin naar versie 7.0 is de AVIF-indeling toegevoegd aan de optie voor beeldoptimalisatie.

Sinds 2023 staat WordPress versie 6.5 het uploaden en serveren van afbeeldingen in AVIF-formaat toe en sindsdien gebruik ik ze in langere posts en vervang ik zelfs handmatig enkele zwaardere afbeeldingen. Omdat de cross-browser compatibiliteit is verbeterd en nu bijna volledig is, krijgen AVIF's niet meer zo'n slechte pers als in de eerste maanden van hun bestaan.

Het idee is om het gewicht van het totale aantal afbeeldingen, dat in de loop der tijd is gegroeid, te verlichten. Terwijl je dit bericht leest, bevat de site al 16.632 afbeeldingen. Voor deze hoeveelheid heb ik nog geen gratis en veilige manier gevonden om ze massaal te vervangen door AVIF-versies. Dus doe ik het handmatig zonder de ambitie te hebben om ze allemaal te veranderen.

Voor online conversie is Squoosh nog steeds een van de beste opties. Vergeet alleen de batchconversie.

AVIF, een open formaat dat in 2019 werd ontwikkeld door de Alliance for Open Media, biedt aanzienlijke verbeteringen in beeldkwaliteit en -compressie ten opzichte van eerdere formaten zoals JPEG, PNG en zelfs WebP. AVIF-afbeeldingen kunnen tot 50% kleiner zijn dan JPEG en meer dan 30% kleiner dan WebP met behoud van dezelfde beeldkwaliteit.

AVIF-beelden ondersteunen ook een breed kleurengamma (inclusief HDR) en produceren scherpere beelden dan JPEG's, vooral in gebieden met veel details.

Met deze broodnodige gratis LiteSpeed-optie, die van vitaal belang is voor het verbeteren van de laadsnelheid, kun je je afbeeldingen optimaliseren, waardoor ze aanzienlijk lichter worden zonder dat er kwaliteitsverlies optreedt.

Je kunt ervoor kiezen om handmatig op een knop te drukken om elke nieuwe batch afbeeldingen te optimaliseren, of het instellen als een automatisch proces. Daarnaast kun je afbeeldingen gratis converteren naar WebP om ze te serveren in compatibele browsers terwijl je de originelen op je server bewaart. Nu kun je hetzelfde doen en kiezen tussen WebP en AVIF.

Het slechte nieuws is dat het converteren naar AVIF met LiteSpeed niet gratis is, je zult uit je QUIC. CLOUD.

"Terwijl het optimaliseren van afbeeldingen en het genereren van WebP gratis zijn via de Standaard wachtrij, worden AVIF-bestanden alleen verwerkt via de Geavanceerde wachtrij, waarvoor moet worden betaald".

Ik heb nog niet uitgerekend wat het me zou kosten om AVIF-versies te genereren in plaats van de huidige WebP-versies van al mijn afbeeldingen, noch hoeveel schijfruimte ik zou terugwinnen.

Ik heb nog geen goed idee van wat ik zou winnen aan algehele laadsnelheid, maar ik denk dat het de moeite waard zou zijn. Het enige dat zeker is, is dat het aantal inodes hetzelfde zou blijven, tenzij ik ervoor zou kiezen om de originelen in jpeg, png, enz. te verwijderen en ze in lokale opslag te houden.

Het is voor mij ook onduidelijk welk formaat van de nieuwe generatie uiteindelijk zal "heersen". Op dit moment ligt WebP een paar punten voor op de concurrentie, maar ADIF maakt een gestage en onstuitbare groei door en hoewel het nog niet mogelijk is om te spreken van massale adoptie, zal de merkbare toename in paginasnelheid en beeldkwaliteit AVIF vrijwel zeker de troon geven.

Hier zijn drie afbeeldingen om te zien hoe het eruit ziet en om te vergelijken. Ik heb er een gekozen met veel kleur, maar je moet het proberen met foto's met veel detail om de verschillen te waarderen.

De eerste is een JPG die al geoptimaliseerd en gecomprimeerd is, de tweede is het resultaat van de conversie naar WebP en de derde is ook de conversie van de eerste naar AVIF.