De echte prijs van afbeeldingen comprimeren: afwegingen tussen kwaliteit, bestandsgrootte en formaat
1 oktober 2026
"Comprimeer deze afbeelding" klinkt als één enkele, voorspelbare bewerking, maar dezelfde compressie-instelling kan op de ene foto onzichtbaar zijn en op de andere duidelijk kwaliteitsverlies geven, omdat de onderliggende wiskunde heel anders reageert afhankelijk van wat er werkelijk in de afbeelding staat. Begrijpen waarom maakt het veel makkelijker om te beoordelen of een gecomprimeerd bestand echt goed genoeg is voordat je het publiceert.
Wat is het echte verschil tussen lossy en lossless compressie?
Lossless compressie (zoals PNG) verkleint de bestandsgrootte terwijl elke oorspronkelijke pixel exact behouden blijft — decomprimeren levert een bit-voor-bit identieke afbeelding op, en daarom is de winst van lossless doorgaans bescheiden: er is een harde wiskundige grens aan hoeveel werkelijk overbodige data een bestand bevat zonder informatie weg te gooien. Lossy compressie (zoals standaard JPEG) gooit bewust informatie weg die het algoritme als het minst waarneembaar voor het menselijk oog beoordeelt, wat veel grotere verkleiningen mogelijk maakt, maar betekent dat sommige details permanent verdwenen zijn en niet door decomprimeren teruggehaald kunnen worden.
Waarom ziet hetzelfde compressiepercentage er op de ene foto prima uit en op de andere slecht?
Lossy compressie-algoritmen benutten visuele redundantie — grote vlakken met egale, vergelijkbare kleur (een strakblauwe lucht, een effen achtergrond) comprimeren uitstekend met vrijwel geen zichtbaar artefact, terwijl afbeeldingen met fijne details, scherpe randen of tekst bij dezelfde instelling veel zichtbaarder comprimeren, omdat er minder redundantie is die het algoritme kan benutten zonder details weg te gooien die een kijker echt opmerkt. Een portret met huidtintverlopen verdraagt meer compressie dan een schermafbeelding met kleine tekst, en daarom kan één instelling 'comprimeren naar 70% kwaliteit' er op het ene type afbeelding perfect uitzien en op het andere duidelijke blokkerige artefacten opleveren.
Wanneer moet je PNG gebruiken in plaats van JPEG voor een bepaalde afbeelding?
De lossless compressie van PNG en de ondersteuning voor transparantie maken het de betere keuze voor graphics met scherpe randen, tekst, vlakke kleurgebieden of enige eis aan transparantie — logo's, iconen, schermafbeeldingen, diagrammen. De lossy compressie van JPEG is gebouwd voor en blinkt uit bij fotografische afbeeldingen met doorlopende kleurverlopen en natuurlijke details, waar de besparing in grootte spectaculair is en de weggegooide informatie werkelijk moeilijk waarneembaar is. PNG gebruiken voor een foto levert een onnodig groot bestand op met weinig kwaliteitswinst; JPEG gebruiken voor een logo of schermafbeelding met scherpe tekstranden geeft vaak zichtbare artefacten rond die randen die PNG volledig zou hebben vermeden.
Wat is WebP, en is het echt de moeite waard om over te stappen?
WebP is een moderner formaat dat zowel lossy als lossless compressie ondersteunt, doorgaans kleinere bestanden oplevert dan JPEG of PNG bij gelijkwaardige visuele kwaliteit, en daarnaast transparantie en animatie in één enkel formaat ondersteunt. De browserondersteuning is inmiddels vrijwel universeel, waarmee het historische bezwaar tegen het gebruik ervan is weggenomen. De belangrijkste resterende wrijving zit in de workflow — sommige oudere tools, e-mailclients of specifieke platforms gaan misschien minder soepel om met WebP dan met de oudere formaten — maar specifiek voor levering via het web is het nu een werkelijk sterke standaardkeuze in plaats van een experiment.
Hoe beoordeel je werkelijk of je een afbeelding te veel hebt gecomprimeerd?
Zichtbare artefacten zijn het duidelijkste teken: blokkerige vlekken in gebieden die egale verlopen zouden moeten zijn, een licht wazige of 'modderige' uitstraling van fijne details, of zichtbare banding in wat een vloeiende kleurovergang zou moeten zijn. Een nuttige praktische test is de gecomprimeerde versie bekijken op de werkelijke grootte waarop hij wordt weergegeven (niet ingezoomd voorbij 100%, wat artefacten uitvergroot die op normale kijkgrootte irrelevant zijn) — een afbeelding kan bij nauwkeurige inspectie compressieartefacten vertonen terwijl hij er op zijn werkelijke weergavegrootte op een webpagina volkomen prima uitziet, en optimaliseren voor de ingezoomde weergave verspilt bestandsgrootte waar de echte kijker nooit iets aan heeft.