WebP en AVIF zijn twee moderne afbeeldingsformaten ontworpen om JPEG en PNG op het web te vervangen. Ze bieden spectaculaire compressiewinst — tot 50% gewichtsreductie ten opzichte van JPEG bij equivalente visuele kwaliteit — waardoor ze essentieel zijn voor web performance-optimalisatie en SEO. Voor e-commerce webwinkels waarbij afbeeldingen vaak 60 tot 80% van het totale paginagewicht uitmaken, is het adopteren van deze formaten een van de meest effectieve verbetermiddelen.
Waarom het afbeeldingsformaat een SEO-kwestie is
Een gemiddelde webpagina weegt tegenwoordig ongeveer 2 MB volgens HTTP Archive-analyses. Van dit totale gewicht vertegenwoordigen afbeeldingen gemiddeld 50 tot 60% — en op e-commercepagina's vol productfoto's loopt dit percentage regelmatig op tot 70-80%. Het gewicht van afbeeldingen bepaalt direct de overdrachtstijd via het netwerk, en dus de door de gebruiker ervaren laadtijd.
Google heeft de laadsnelheid geïntegreerd in zijn rankingalgoritme via Core Web Vitals, met name de LCP (Largest Contentful Paint) die de weergave van het grootste zichtbare element meet — meestal een productafbeelding. Het gewicht van die afbeelding terugbrengen van 400 KB naar 150 KB kan de LCP verlagen van 3 seconden naar 1,2 seconde, wat het verschil betekent tussen een 'Slecht' en een 'Goed' score volgens de Google-drempelwaarden.
Buiten pure SEO verbeteren lichtere afbeeldingen de ervaring van mobiele gebruikers op beperkte 4G-verbindingen, verminderen ze het dataverbruik van bezoekers en verlagen ze de serverbandbreedtekosten. Voor webwinkels met duizenden productreferenties is de cumulatieve winst aanzienlijk.
WebP: het door Google ontwikkelde formaat
WebP werd ontwikkeld door Google en aangekondigd in 2010. Het maakt gebruik van de compressietechnologie van de VP8-videocodec voor afbeeldingen met verlies (lossy), en van een lossless-variant gebaseerd op LZ77 en Huffman-codering voor verliesvrije afbeeldingen. WebP ondersteunt ook transparantie (alfakanaal) en animaties — twee functies die JPEG niet ondersteunt (transparantie) of slechts gedeeltelijk (animaties via GIF).
De compressiewinst van WebP ten opzichte van JPEG bedraagt gemiddeld 25 tot 35% bij equivalente visuele kwaliteit volgens Google-studies. In lossless-modus is WebP gemiddeld 26% kleiner dan PNG. Deze cijfers variëren per type afbeelding: foto's (complexe inhoud, veel details) profiteren van winsten die dicht bij de genoemde gemiddelden liggen; illustraties met vlakke kleuren en scherpe details kunnen nog grotere winsten behalen in lossless-modus.
De browsercompatibiliteit van WebP is tegenwoordig universeel: Chrome, Firefox, Safari (sinds 2020), Edge, Opera en vrijwel alle mobiele browsers ondersteunen WebP. Volgens caniuse.com overschrijdt de wereldwijde dekking van browsers die WebP ondersteunen 97% in 2026. Er is geen technische reden meer om JPEG te serveren in plaats van WebP voor de grote meerderheid van bezoekers.
AVIF: het next-generation formaat
AVIF (AV1 Image File Format) is een afbeeldingsformaat gebaseerd op de AV1-videocodec, ontwikkeld door de Alliance for Open Media (waaronder Google, Apple, Mozilla, Netflix, Amazon en anderen). Gespecificeerd in 2019 en ondersteund door de belangrijkste browsers sinds 2021, vertegenwoordigt AVIF een significante vooruitgang ten opzichte van WebP op het gebied van compressie-efficiëntie.
De compressiewinst van AVIF ten opzichte van JPEG bedraagt gemiddeld 40 tot 55% — aanzienlijk meer dan de 25-35% van WebP. Ten opzichte van WebP zelf is AVIF doorgaans 20 tot 30% lichter. Deze winsten zijn bijzonder duidelijk bij foto's met hoge detailfrequentie en HDR-afbeeldingen (High Dynamic Range). AVIF ondersteunt transparantie, animaties, HDR-kleurprofielen en kleurdiepte tot 12 bits.
De browsercompatibiliteit van AVIF groeit snel: Chrome en Firefox ondersteunen het sinds 2021, Safari sinds versie 16.4 (2023). In 2026 overschrijdt de wereldwijde dekking 93%. Het grootste nadeel is de grotere decodeercompliciteit, die de weergave op zeer oude apparaten enigszins kan vertragen — een afweging die over het algemeen aanvaardbaar is gezien de gewichtswinst.
JPEG vs. WebP vs. AVIF: vergelijking van formaten
Om de verschillen tussen deze formaten concreet te illustreren, nemen we het voorbeeld van een typische e-commerce productfoto: een packshot-foto van een schoen op witte achtergrond, 800×800 pixels, bij equivalente waargenomen visuele kwaliteit.
- JPEG (kwaliteit 85): ~180 KB — universeel formaat, geen transparantie, geen animatie, alleen lossy-compressie
- WebP (kwaliteit 80): ~120 KB — 33% winst, transparantie ondersteund, animatie ondersteund, compatibiliteit 97%+
- AVIF (kwaliteit 60): ~75 KB — 58% winst vs. JPEG, 37% vs. WebP, HDR ondersteund, compatibiliteit 93%+
Deze groottesverschillen vermenigvuldigen zich op de schaal van een webwinkel. Voor een productpagina die 6 productafbeeldingen laadt, vertegenwoordigt de overstap van JPEG naar AVIF een besparing van 630 KB per pagina — bijna twee keer minder data om over te dragen. Op een maand met 50.000 paginaweergaven van productpagina's is dat 31 GB bandbreedte bespaard, uitsluitend op afbeeldingen.
Lossy- en lossless-compressie
Beide formaten ondersteunen twee fundamenteel verschillende compressiemodi. Lossy-compressie vermindert het bestandsgewicht door informatie te elimineren die het menselijk oog weinig of niet waarneemt. Een algoritme analyseert de afbeelding en benadert minder waarneembare zones — doorgaans egale achtergronden of zones met weinig contrast. Dit is de modus die wordt gebruikt voor productfoto's: een kwaliteitsniveau van 75-85% voor WebP of 55-65% voor AVIF levert resultaten op die visueel niet te onderscheiden zijn van het origineel.
Lossless-compressie behoudt elk pixel van het originele bestand, maar gebruikt efficiëntere compressie-algoritmen dan PNG of TIFF om de bestandsgrootte te verkleinen. WebP lossless is gemiddeld 26% kleiner dan PNG bij identieke kwaliteit; AVIF lossless is nog efficiënter. Deze modus is geschikt voor schermafbeeldingen, logo's, vectorillustraties omgezet naar bitmap, en afbeeldingen waarbij absolute precisie vereist is.
Welk kwaliteitsniveau kiezen?
Impact op e-commerce SEO
WebP en AVIF adopteren verbetert SEO via meerdere mechanismen. Direct verminderen lichtere afbeeldingen de LCP — de Core Web Vital-metriek die het meest wordt beïnvloed door productafbeeldingen. Een betere LCP verbetert het Page Experience-signaal van Google, wat het organische ranking kan bevorderen, met name op mobiel.
Indirect verbeteren snellere pagina's het bouncepercentage en de tijd doorgebracht op de site — gedragssignalen die Google kan gebruiken om de kwaliteit van een pagina te beoordelen. Op mobiel, waar meer dan 60% van de e-commerce-zoekopdrachten plaatsvindt, is snelheid nog kritischer: een pagina die 4 seconden nodig heeft om te laden verliest gemiddeld 53% van zijn mobiele bezoekers vóór het volledig laden (bron: Google/Deloitte).
Voor Google Afbeeldingen — een niet te verwaarlozen acquisitiekanaal voor e-commerce webwinkels — beïnvloedt de technische kwaliteit van afbeeldingen (resolutie, formaat, afmetingen) de indexering en weergave in de afbeeldingszoekresultaten. Correct geoptimaliseerde afbeeldingen geserveerd via CDN met stabiele URL's verbeteren ook dit kanaal.
Hoe Lexiik de formaatconversie automatisch beheert
Het handmatig converteren van duizenden productafbeeldingen naar WebP of AVIF is een tijdrovende taak die de meeste webwinkeliers noch de tijd noch de tools hebben om uit te voeren. Lexiik automatiseert dit proces volledig via zijn CDN-pipeline.
Bij de eerste keer dat een productafbeelding door een bezoeker wordt geladen, haalt Lexiik het originele bestand op van jouw PrestaShop-server (JPEG, PNG of een ander formaat), converteert het naar WebP en AVIF, en slaat deze geoptimaliseerde versies op in Cloudflare R2. Vanaf dat moment serveert Lexiik het juiste formaat op basis van de browser van de bezoeker: de HTTP Accept-header die door de browser wordt verzonden geeft de ondersteunde formaten aan (Chrome stuurt bijvoorbeeld Accept: image/avif,image/webp,*/*), en Lexiik reageert met het beste beschikbare formaat.
- De bezoeker vraagt een productpagina op, zijn browser stuurt een Accept-header die de ondersteunde formaten aangeeft
- Lexiik controleert of een geoptimaliseerde versie van de afbeelding al op het CDN staat
- Als dat niet zo is, haalt Lexiik de originele afbeelding op van PrestaShop en converteert die naar WebP en AVIF
- Lexiik serveert het meest efficiënte formaat dat door de browser wordt ondersteund: AVIF als prioriteit, WebP als AVIF niet wordt ondersteund, JPEG als fallback
- De geconverteerde afbeelding wordt gecachet op Cloudflare R2 met een TTL van één jaar voor alle volgende bezoeken
Dit proces is volledig transparant voor de webwinkelier en de bezoeker. Er zijn geen sjabloonwijzigingen nodig, geen extra compressieplugin te installeren. De PrestaShop-module van Lexiik beheert de volledige conversie- en leveringspipeline.