SparkCore
AVIF op WordPress: nog compacter waar het kan
AVIF kan nog efficiënter zijn dan WebP. Spark combineert AVIF met fallbacks zodat bezoekers altijd een werkend beeld zien.
In het kort
- AVIF is vaak het kleinste formaat voor dezelfde zichtbare kwaliteit.
- Alle huidige grote browsers ondersteunen AVIF.
- Gebruik AVIF altijd met een fallback voor browsers die het niet aankunnen.
AVIF en compatibiliteit
Niet elke browser pakt AVIF overal; daarom mixen we formaten in één workflow.
Wat is AVIF en waarom zijn die bestanden zo klein?
AVIF is een modern beeldformaat dat is afgeleid van videocompressie. Het slaat beeldinformatie slimmer op dan JPEG. Vooral bij foto's met zachte verlopen, zoals luchten of huid, scheelt dat veel. Het formaat ondersteunt ook transparantie. Daardoor kan het soms een PNG vervangen. De prijs is rekentijd. Een AVIF maken duurt langer dan een JPEG of WebP. Dat is geen probleem voor bezoekers, want je maakt het bestand één keer en serveert het daarna vele malen.
Welke browsers ondersteunen AVIF in WordPress?
De huidige versies van Chrome, Edge, Firefox en Safari tonen AVIF. Toch bezoekt niet iedereen je site met de nieuwste browser. Oudere apparaten en verouderde apps kunnen het formaat missen. Dat is geen reden om AVIF te laten liggen. Het is een reden om een fallback te gebruiken. De browser vraagt aan welke formaten hij kan tonen en krijgt het beste dat past. Wie AVIF niet kent, krijgt WebP of JPEG. Niemand ziet een kapot beeld.
- Chrome, Edge, Firefox en Safari ondersteunen AVIF in hun huidige versies.
- Oudere browsers hebben een JPEG- of WebP-fallback nodig.
- Test altijd op een echt toestel, niet alleen in je eigen browser.
AVIF of WebP: wat kies je voor je WordPress-site?
Je hoeft niet te kiezen. Gebruik beide. AVIF levert vaak het kleinste bestand. WebP is sneller te maken en breed ondersteund, dus het is een sterke tweede keuze. JPEG of PNG blijft het vangnet. Let op dat kleiner niet altijd beter is. Bij te hoge compressie kan AVIF een glad, wasachtig beeld geven. Beoordeel dus altijd het resultaat op schermgrootte. Voor foto's is AVIF meestal de winnaar. Voor kleine iconen is het verschil in bytes vaak te klein om uit te maken.
- Gebruik AVIF voor foto's met zachte verlopen.
- Houd WebP als tweede keuze en JPEG of PNG als vangnet.
- Beoordeel het resultaat altijd op schermgrootte.
Hoe zet je AVIF veilig in op WordPress?
Veilig inzetten draait om drie dingen: varianten maken, de juiste serveren en je origineel bewaren. Doe je dat handmatig, dan houd je dat bij elke upload vol. Spark Media Optimizer neemt dit werk over. De plugin maakt WebP en AVIF in de achtergrond en serveert ze aan browsers die ze ondersteunen. Met JPEG of PNG als fallback. Valt een browser buiten de boot, dan schakelt de plugin automatisch terug. Dat geldt ook voor je bestaande bibliotheek.
Veelgestelde vragen
Vaak wel, vooral bij foto's. Het verschil hangt af van de afbeelding en de instelling. Test een paar representatieve beelden van je eigen site en vergelijk ze op schermgrootte voordat je een keuze maakt.
Niet in elke. De huidige versies van Chrome, Edge, Firefox en Safari tonen het wel. Oudere browsers hebben een fallback nodig, zoals WebP of JPEG, anders zien ze geen beeld. Met een goede fallback merkt je bezoeker daar niets van.
Nee. Bewaar het origineel en serveer AVIF als extra variant. Zo kun je altijd terug en vang je browsers op die het formaat niet kennen. Een tweede variant kost alleen wat opslagruimte.