Elk beeldformaat is een set afwegingen tussen bestandsgrootte, kwaliteit en functies zoals transparantie of animatie. Kies je de verkeerde, dan krijg je opgeblazen bestanden, wazige tekst of graphics die niet weergeven. Hier is elk van de gangbare formaten in gewone taal, gevolgd door een tabel die je bij de hand kunt houden.
De twee grote families
Vóór de individuele formaten verklaart één onderscheid de meeste ervan:
- Rasterafbeeldingen zijn rasters van pixels. Foto's zijn raster. Zoom ver genoeg in en je ziet vierkantjes. PNG, JPG, WebP, AVIF en GIF zijn allemaal raster.
- Vectorafbeeldingen zijn wiskunde — lijnen, curves en vormen bepaald door coördinaten. Ze schalen naar elk formaat zonder te vervagen. SVG is het vectorformaat op het web.
Het andere kernidee is lossy versus lossless. Lossy-formaten (JPG, meestal AVIF/WebP) gooien wat detail weg om het bestand te verkleinen. Lossless-formaten (PNG, GIF, lossless WebP) houden elke pixel exact.
De formaten, één voor één
JPG (JPEG) — Het werkpaard voor foto's. Lossy, klein en letterlijk overal leesbaar. Geen transparantie, geen animatie. Herhaald opnieuw opslaan degradeert het langzaam. Gebruik voor foto's en overal waar maximale compatibiliteit nodig is.
PNG — Lossless, ondersteunt transparantie. De juiste keuze voor screenshots, logo's, iconen en diagrammen — alles met tekst of harde randen. Foto's in PNG zijn groot, dus gebruik het daar niet voor.
WebP — Een modern formaat dat beide klussen doet: lossy-modus verslaat JPG op grootte (~25–35% kleiner), lossless-modus ondersteunt transparantie en blijft compact. Handelt ook animatie af. Inmiddels universeel ondersteund in browsers. Ideaal voor het web; minder voor e-mail of oudere software.
AVIF — De nieuwste en beste compressor hier, ruwweg de helft van de grootte van JPEG bij vergelijkbare kwaliteit, met transparantie en HDR. Browsers kunnen het goed weergeven, maar ze kunnen het niet betrouwbaar coderen vanaf een canvas — dus browsergebaseerde tools vallen terug op WebP wanneer je AVIF vraagt. Echte AVIF-codering vereist een server of native app.
GIF — Oud, beperkt tot 256 kleuren, maar de klassieker voor eenvoudige animatie. Voor alles voorbij een korte lus is WebP (of een video) kleiner en scherper. Prima voor piepkleine geanimeerde iconen; slecht voor foto's.
SVG — Vector, dus het schaalt oneindig zonder vervaging en blijft piepklein voor eenvoudige graphics. Perfect voor logo's, iconen en illustraties. Het is code, geen pixels, dus het kan geen foto weergeven.
Vergelijkingstabel
| Formaat | Type | Compressie | Transparantie | Animatie | Het best voor |
|---|---|---|---|---|---|
| JPG | Raster | Lossy | Nee | Nee | Foto's, max compatibiliteit |
| PNG | Raster | Lossless | Ja | Nee | Screenshots, logo's, tekst |
| WebP | Raster | Beide | Ja | Ja | Webafbeeldingen, klein + alpha |
| AVIF | Raster | Lossy/lossless | Ja | Ja | Max compressie (serverzijde) |
| GIF | Raster | Lossless | Alleen 1-bit | Ja | Eenvoudige animaties |
| SVG | Vector | N.v.t. | Ja | Ja (met CSS/JS) | Logo's, iconen, illustraties |
Snel kiezen
- Foto? JPG voor compatibiliteit, WebP voor het web.
- Screenshot, logo of tekst? PNG (raster) of SVG (als het een echte vectorafbeelding is).
- Transparantie nodig? PNG, WebP, AVIF of SVG — nooit JPG.
- Animatie? WebP voor kwaliteit en grootte, GIF alleen voor legacy-eenvoud.
- Publiceren naar een website? WebP is meestal de slimme standaard.
Converteren tussen formaten
Heb je het verkeerde formaat, dan hoef je niets te uploaden om het op te lossen. De Afbeeldingsconverter schakelt tussen PNG, JPG en WebP direct in je browser met Canvas — geen account, niets verzonden, en het werkt offline na het eerste bezoek. Het handelt batches af, en als je AVIF vraagt valt het terug op WebP (kleiner dan JPG/PNG en overal ondersteund) omdat browsers AVIF niet betrouwbaar kunnen coderen.
Houd de bovenstaande tabel in gedachten en formaatkeuze houdt op giswerk te zijn: koppel het formaat aan de inhoud (foto versus graphic), dan aan de bestemming (web, e-mail, print), en je kiest bijna elke keer goed.