WebP en AVIF: De beeldformaten van de nieuwe generatie

WebP en AVIF zijn de nieuwe generatie afbeeldingsformaten die het bestandsgewicht met 50 tot 70% verminderen ten opzichte van JPEG/PNG. Ontdek welk formaat je kiest voor jouw webwinkel en hoe de Lexiik CDN ze automatisch beheert.

Typische winst

Migratie JPEG → WebP: -30 tot -50% bestandsgewicht
Migratie WebP → AVIF: -20 tot -30% extra

Het Probleem van Traditionele Formaten

JPEG, PNG, GIF: Verouderd in 2026

Deze formaten zijn gemaakt in de jaren 1990-2000, een tijdperk van trage internetverbindingen en lage schermresoluties. Ze zijn niet meer geschikt voor het moderne web.

Formaat	Jaar	Compressie	Voornaamste probleem
JPEG	1992	Lossy	Te zwaar, geen transparantie
PNG	1996	Lossless	Enorm bestandsgewicht (3-10x JPEG)
GIF	1987	Lossless	Beperkt tot 256 kleuren, zware animaties

Concreet voorbeeld: Een typische productfoto voor een webwinkel (1200x1200px, kwaliteit 85%):

JPEG: 480 KB
PNG-24: 1,8 MB (4x zwaarder)
WebP: 160 KB (3x lichter dan JPEG)
AVIF: 95 KB (5x lichter dan JPEG)

WebP: De Moderne Standaard

Ontwikkeld door Google

WebP is in 2010 door Google gemaakt en sinds 2011 geïntegreerd in Chrome. Het combineert de voordelen van JPEG (lossy compressie) en PNG (transparantie, lossless).

Voordelen van WebP

✅

Sterktes

✓ -30 tot -50% bestandsgewicht vs JPEG bij gelijke kwaliteit
✓ Ondersteuning transparantie (alfakanaal)
✓ Ondersteuning animaties (vervangt GIF)
✓ 96% van de browsers (2026)
✓ Lossy EN lossless compressie

⚠️

Beperkingen

⚠ Niet ondersteund door Safari <14 (2020)
⚠ IE 11 ondersteunt het niet
⚠ AVIF overtreft het in compressie
⚠ EXIF-metadata soms verloren

Browserondersteuning

🌐Chrome / Edge

✅ Sinds 2011

🦊Firefox

✅ Sinds 2019

🧭Safari

✅ Sinds 2020 (v14)

📱Safari iOS

✅ Sinds iOS 14

AVIF: Het Nieuwe Generatie Formaat

Een Open Standaard

AVIF (AV1 Image File Format) is gebaseerd op de AV1-videocodec, gemaakt door de Alliance for Open Media (Google, Netflix, Amazon, Apple, Mozilla...). Gelanceerd in 2019, is het het best presterende formaat in 2026.

Waarom AVIF Superieur Is

-50%

vs JPEG bij gelijke kwaliteit

-20%

vs WebP bij gelijke kwaliteit

10bit

Kleurdiepte (HDR)

Gedetailleerde Vergelijking

Criterium	WebP	AVIF
Compressie	Goed	Uitstekend (-20%)
Browserondersteuning	96%	88%
Coderingstijd	Snel (50ms)	Traag (200ms)
Kleurdiepte	8-bit	10-bit (HDR)
Transparantie	✅	✅
Animatie	✅	✅

Browserondersteuning AVIF

🌐Chrome / Edge

✅ Sinds Chrome 85 (2020)

🦊Firefox

✅ Sinds Firefox 93 (2021)

🧭Safari

✅ Sinds Safari 16 (2022)

📱Safari iOS

✅ Sinds iOS 16 (2022)

Let op

Let op: 12% van de bezoekers ondersteunt AVIF nog niet (voornamelijk oudere browsers en iOS <16). Je moet altijd een WebP- of JPEG-fallback voorzien.

Welke Strategie Kies Je?

Aanbevelingen per Gebruikssituatie

🏆 Optie 1: AVIF + WebP + JPEG (Optimaal)

Serveer AVIF aan moderne browsers, WebP als fallback, JPEG voor verouderde browsers.

✅ Beste prestaties • ✅ 100% ondersteuning • ⚠️ Complex te beheren

🥈 Optie 2: WebP + JPEG (Evenwicht)

WebP voor 96% van de bezoekers, JPEG voor de overige 4%.

✅ Goed compromis • ✅ Eenvoudig • ✅ 96% dekking

🥉 Optie 3: Geoptimaliseerde JPEG (Minimum)

Als je geen WebP/AVIF kunt gebruiken, optimaliseer dan minimaal je JPEG-bestanden.

• Compressie op 85% (zoete plek kwaliteit/gewicht)
• Exacte afmetingen (geen CSS resize)
• Progressive JPEG voor geleidelijk laden

⚠️ Beperkte winst • ✅ 100% compatibel • ⚠️ Gewicht 2-3x hoger dan WebP

Lexiik Regelt Alles Automatisch

De Lexiik CDN implementeert Optie 1 (AVIF + WebP + JPEG) automatisch, zonder code te schrijven:

1
Browserdetectie
De CDN analyseert de User-Agent en Accept-headers
2
Dynamische conversie
Chrome/Edge → AVIF | Safari/Firefox → WebP | IE → JPEG
3
Edge Cache
Elke variant wordt 1 jaar gecached
4
Razendsnelle levering
Vanuit het dichtstbijzijnde datacenter (<50ms)

De Impact Meten

Echt Voorbeeld: Modewebwinkel (3200 producten)

❌

Vóór (alleen JPEG)

Gemiddeld gewicht/afbeelding420 KB

LCP mobiel4,8s

Bandbreedte/maand2,4 TB

✅

Na (AVIF + WebP + CDN)

Gemiddeld gewicht/afbeelding85 KB (-80%)

LCP mobiel1,4s (-71%)

Bandbreedte/maand480 GB (-80%)

📊 Business Impact

+28%

Mobiele conversies

+15%

Organisch verkeer

-240€

Bandbreedte besparing/maand

Conclusie en Volgende Stappen

In 2026 is WebP het minimum vereiste voor elke serieuze webwinkel. AVIF is de nabije toekomst en biedt aanzienlijke extra winst. De Lexiik CDN geeft je beide automatisch.

⚡️

Lexiik CDN Activeren

Activatiegids in 3 klikken om automatisch van WebP/AVIF te profiteren.

🌱

Green SEO

Verklein de CO₂-voetafdruk met geoptimaliseerde afbeeldingen.