SparkCore
Next-gen afbeeldingen zonder developer-matrix
AVIF, WebP en fallbacks: Spark kiest per bezoeker wat werkt.
In het kort
- Next-gen formaten zijn WebP en AVIF: kleiner dan JPEG en PNG.
- Serveer ze per browser en houd JPEG of PNG als fallback.
- Automatiseer het, zodat ook je bestaande bibliotheek meegaat.
Eén beleid
Stel compressie en formaten centraal in de plugin in.
Wat zijn next-gen afbeeldingen in WordPress?
Next-gen is de naam voor moderne beeldformaten, vooral WebP en AVIF. Ze comprimeren efficiënter dan JPEG en PNG. Bij gelijke zichtbare kwaliteit zijn de bestanden kleiner. WebP wordt door alle gangbare browsers ondersteund. AVIF werkt in de actuele versies van Chrome, Edge, Firefox en Safari. De afbeeldingen die al in je bibliotheek staan, zet je niet vanzelf om. Daar heb je een vaste werkwijze of een plugin voor nodig.
Wat leveren next-gen formaten op voor PageSpeed?
Tools als PageSpeed Insights wijzen vaak op moderne formaten als winst. Kleinere bestanden betekenen minder data en een snellere LCP. Een goede LCP is 2,5 seconden of minder. Op mobiel merk je het verschil het sterkst. De winst hangt af van je pagina. Een site vol foto's wint meer dan een site met vooral tekst. Meet daarom voor en na op dezelfde pagina, met dezelfde instellingen.
- Minder bytes per afbeelding
- Snellere LCP bij grote hero's
- Minder dataverbruik op mobiel
Hoe serveer je WebP en AVIF met een fallback?
Niet elke bezoeker heeft dezelfde browser. Je serveert daarom per bezoeker het beste formaat dat werkt. Een browser die AVIF snapt, krijgt AVIF. Anders volgt WebP, en anders JPEG of PNG. Dat kan met het picture-element of met serverregels op basis van de Accept-header. De volgorde telt: eerst de kleinste, als laatste de veiligste. Test met een oudere browser of de fallback echt werkt.
Hoe automatiseer je next-gen afbeeldingen?
Handmatig exporteren kost tijd en vergeet je snel. Beter is een vast beleid dat voor elke upload geldt. Spark Media Optimizer doet dit in een wachtrij op de achtergrond. Je uploadt zoals altijd en je dashboard blijft bruikbaar. Nieuwe uploads en je bestaande bibliotheek gaan in bulk door de wachtrij, ook bestanden van voor de installatie. WebP en AVIF gaan naar browsers die ze ondersteunen, met JPEG of PNG als fallback.
- Eén beleid voor alle uploads
- Bestaande bibliotheek in bulk
- Originelen blijven bewaard als kopie
Veelgestelde vragen
AVIF is vaak het kleinst. WebP wordt breder en langer ondersteund. Combineer ze: AVIF waar het kan, WebP als tussenstap en JPEG of PNG als fallback. Zo krijgt elke bezoeker het kleinste bestand dat zijn browser aankan.
Alleen als je te fors comprimeert. Spark Media Optimizer kiest per afbeelding het niveau dat op het scherm geen zichtbaar verschil geeft. Check foto's met veel fijn detail toch even met het blote oog.
Ja. WebP ondersteunt transparantie, net als PNG. Voor logo's en graphics met scherpe randen blijft PNG een veilige fallback. Bekijk de randen na conversie even goed, vooral bij logo's op gekleurde achtergronden.