JPG, PNG of WebP: welk afbeeldingsformaat wanneer

JPG: gebouwd voor foto's, allergisch voor randen

JPEG-compressie buit uit hoe ogen de wereld zien: zachte verlopen en drukke texturen verbergen kleine fouten goed, dus fotografisch detail comprimeert spectaculair. Een vakantiefoto op kwaliteit 80 houdt een tiende van zijn bytes zonder zichtbaar verschil bij normaal kijken.

Zijn zwakte is de harde rand. Tekst, lijntekeningen en egale kleurvlakken ontwikkelen de beruchte muggenruis: fijne rimpelingen die tegen elke scherpe grens aankruipen. Een schermafbeelding als JPG opgeslagen oogt precies daarom smoezelig. JPG kent bovendien geen transparantie; elk doorzichtig vlak wordt massief wit of zwart.

Eén valkuil verdient hoofdletters: JPG verliest kwaliteit bij ELKE keer opslaan, niet alleen de eerste. Bewerken, opslaan, bewerken, opslaan, en de artefacten stapelen zich als kopieën van kopieën. Bewaar een origineel, exporteer aan het einde een JPG, en rijg bewerkingen nooit aan elkaar via herhaald JPG-opslaan.

PNG: pixelperfect, transparant, eerlijk over de prijs

PNG is verliesvrij: elke pixel overleeft exact, voor altijd, hoe vaak het bestand ook wordt geopend en opgeslagen. Dat maakt het het thuisformaat voor schermafbeeldingen, UI-graphics, diagrammen, logo's en alles met tekst erin; randen blijven messcherp omdat er niets is benaderd.

Het draagt ook een echt alfakanaal, dus transparantie werkt zoals het hoort: zachte schaduwen, gladgestreken randen en glaseffecten vallen schoon op elke achtergrond. Daarom betekent 'logo met transparante achtergrond' in de praktijk PNG.

De prijs verschijnt bij de verkeerde inhoud. Een foto als PNG kan vijf tot tien keer zoveel wegen als zijn JPG-tegenhanger zonder zichtbaar voordeel, want fotografische ruis is zonder verlies niet te comprimeren. PNG voor foto's is dé meest gemaakte formaatfout op het web.

WebP: één formaat dat beide spellen speelt

WebP comprimeert met verlies zoals JPG maar bij dezelfde zichtbare kwaliteit zo'n 25-30% kleiner, en verliesvrij zoals PNG, meestal een kwart kleiner, MET transparantie in beide standen. Voor alles wat op een website leeft, is het vandaag doorgaans het juiste antwoord.

Zijn historische zwakte, compatibiliteit, is grotendeels voorbij: elke actuele browser toont WebP. De resterende wrijving zit buiten het web: sommige oudere desktopsoftware, uploadformulieren en drukkerijen weigeren het nog, en mailprogramma's zijn wisselvallig. Bestanden voor maximale uitwisselbaarheid (bijlagen aan vreemden, overheidsportalen) reizen nog steeds veiliger als JPG of PNG.

De spiekbrief

Foto voor het web: WebP met verlies, of JPG waar compatibiliteit regeert. Schermafbeelding of iets met tekst: PNG, of WebP verliesvrij. Logo of graphic met transparantie: PNG, of WebP. Afbeelding mailen naar een onbekende ontvanger: JPG voor foto's, PNG voor de rest.

En de metaregel die elke formatenoorlog overleeft: bewaar je masterkopie in de hoogste kwaliteit die je hebt (de originele foto, het ontwerpbestand met lagen, de verliesvrije export) en beschouw elk gecomprimeerd bestand als wegwerpuitvoer die je opnieuw kunt maken. Formaten veranderen; de master is waar je jezelf later dankbaar voor bent.