Spiekbriefje voor afbeeldingsformaten — JPG vs PNG vs WebP vs AVIF
Wanneer elk formaat te gebruiken, met bestandsgroottevergelijkingen en een snelle beslisboom.
Het verkeerde afbeeldingsformaat kiezen is de goedkoopste fout die je kunt maken voor de snelheid van je site. AVIF kan 50% kleiner zijn dan JPG bij dezelfde zichtbare kwaliteit — maar het loont niet altijd om over te stappen. Hier is de beslisboom.
De 10-secondenregel
- Foto, geen transparantie → WebP (of AVIF als je publiek alleen moderne browsers gebruikt).
- Foto, moet overal werken → JPG.
- Logo, screenshot of icoon → PNG (of WebP voor kleinere bestanden met dezelfde verliesvrije kwaliteit).
- Animatie → WebP (vervangt GIF, 30-50% kleiner).
- Vectorillustratie (logo, icoon) → SVG (niet op deze lijst — gebruik SVG wanneer mogelijk).
De volledige vergelijking
| Formaat | Beste voor | Verlies? | Transparantie | Animatie | Browserondersteuning |
|---|---|---|---|---|---|
| JPG | Foto's, geen alpha | Ja | Nee | Nee | 100% |
| PNG | Scherpe graphics | Nee | Ja | Nee | 100% |
| WebP | Foto's + graphics | Beide | Ja | Ja | 97% (2026) |
| AVIF | Hoogste compressie | Beide | Ja | Ja | 92% (2026) |
Echte bestandsgroottevergelijking
Zelfde 1920×1080 foto, zelfde zichtbare kwaliteit:
- JPG (kwaliteit 80) — 340 KB
- WebP (kwaliteit 80) — 210 KB (38% kleiner)
- AVIF (kwaliteit 60) — 165 KB (51% kleiner)
- PNG (verliesvrij) — 2,4 MB (7× groter — nooit gebruiken voor foto's)
Converteer elke afbeelding met onze gratis tools:
- Converteren naar WebP
- Converteren naar PNG
- Converteren naar JPG
- JPG-compressor — kies een kwaliteit, zie de besparing.
Voor dichte ZIP-verpakking van een hele afbeeldingsbibliotheek, gebruik onze bulkverwerkingsmodus om honderden afbeeldingen in één keer te converteren.
Probeer onze gratis tools
De meeste van deze handleidingen gaan samen met een praktische tool die je nu kunt gebruiken — geen aanmelding vereist voor de eerste keer:
- Afbeeldingsresizer — pixel-perfect verkleinen + vergroten.
- Converteren naar WebP — 30-50% kleinere bestanden dan JPG.
- Achtergrondverwijderaar — eenklaps uitsnede, transparante PNG.
- Favicon-generator — elke browsergrootte uit één bron.
- Social-media-resizer — exacte afmetingen van elk platform.
- Bulkverwerking — elke tool toepassen op maximaal 200 afbeeldingen tegelijk.
Blader door de volledige toolcatalogus.
