JPG, PNG of WebP: welk afbeeldingsformaat moet je gebruiken?

Drie bestandstypen dekken bijna elke afbeelding die je ooit uploadt, en ze zijn niet onderling verwisselbaar. Kies het verkeerde en je krijgt een bestand dat drie keer te groot is, een lelijk wit vak achter een logo, of een formulier dat het bestand botweg weigert. Zo kies je in ongeveer tien seconden.

Door het CrispPic-teamBijgewerkt op 25 september 20263 min leestijd

Het formaat van een afbeelding converteren PNG naar JPG JPG naar WebP

Het korte antwoord

Foto's: JPG — of WebP, als je weet dat de bestemming het accepteert.
Screenshots, logo's, tekst en diagrammen: PNG — of WebP.
Alles met een transparante achtergrond: PNG of WebP. Nooit JPG.
Websites: WebP, met JPG als veilige terugval.

Naast elkaar

	JPG	PNG	WebP
Compressie	Met verlies	Zonder verlies	Met of zonder verlies
Het best voor	Foto's	Screenshots, logo's, graphics met tekst	Beide — een goede allrounder
Transparantie	Nee	Ja	Ja
Grootte van een typische foto	Klein	Zeer groot	Het kleinst van de drie
Compatibiliteit	Alles	Alles	Alle huidige browsers; sommige oudere apps en uploadformulieren weigeren het

JPG: het universele fotoformaat

JPG gooit detail weg waar je de afwezigheid waarschijnlijk niet van merkt, en daarom worden foto's er zo klein mee. De zwakke punten zijn scherpe randen — tekst en lijntekeningen krijgen vage artefacten — en het feit dat het geen transparantie kan opslaan. Het wordt bijna overal geaccepteerd, waardoor het het standaardantwoord is wanneer een formulier simpelweg “afbeelding” zegt.

PNG: exacte pixels, grote bestanden

PNG bewaart elke pixel exact, dus randen blijven messcherp en transparantie werkt. Dat is ideaal voor een screenshot, een logo of een diagram. Voor een foto is het het verkeerde gereedschap: dezelfde afbeelding kan meerdere keren zwaarder zijn dan de JPG-versie, zonder zichtbaar voordeel.

WebP: kleiner bij dezelfde kwaliteit

WebP is door Google ontwikkeld om beide vorige te vervangen. Het ondersteunt compressie met en zonder verlies plus transparantie, en de bestanden zijn doorgaans 25–35% kleiner dan de gelijkwaardige JPG. Alle grote huidige browsers kunnen het tonen. De keerzijde is compatibiliteit buiten de browser: sommige oudere programma's, uploadformulieren en marktplaatsen accepteren nog steeds alleen JPG of PNG.

Wat er gebeurt als je converteert

PNG naar JPG: transparante gebieden worden een effen achtergrond (wit, in CrispPic) en het bestand wordt meestal veel kleiner.
JPG naar PNG: het bestand wordt groter zonder beter te worden, en eventuele JPEG-artefacten blijven voor altijd bewaard.
JPG naar WebP: doorgaans kleiner bij vergelijkbare kwaliteit. Het is nog een stap met verlies, dus converteer vanaf het origineel wanneer je kunt.
HEIC naar JPG: zie de HEIC-gids.

Een opmerking over AVIF

AVIF is een nieuwer formaat dat WebP in grootte kan overtreffen. CrispPic accepteert AVIF-afbeeldingen als invoer maar exporteert JPG, PNG en WebP, omdat dat de formaten zijn die vrijwel overal werken.

Een vuistregel

Heeft de afbeelding vloeiende fotografische tinten, gebruik dan JPG of WebP. Heeft hij egale kleuren, scherpe tekst of transparantie, gebruik dan PNG of WebP. En noemt een formulier een bestandstype, gebruik dan precies dat, wat de theorie ook zegt.

Veelgestelde vragen

Is WebP beter dan JPG?

Het geeft kleinere bestanden bij vergelijkbare kwaliteit, dus op een website meestal wel. Maar “beter” hangt af van waar het bestand heen gaat: als een formulier alleen JPG zegt, is WebP daar nutteloos.

Waarom is mijn PNG zo groot?

PNG is verliesvrij, dus foto's worden pixel voor pixel opgeslagen. Als het een foto is, maakt converteren naar JPG of WebP het bestand meestal drastisch kleiner.

Kan ik de kwaliteit van een JPG verbeteren door hem naar PNG te converteren?

Nee. Converteren kan alleen bewaren wat er al is; het kan het detail dat bij het maken van de JPG is weggegooid niet terughalen.

Welke bestandstypen behouden een transparante achtergrond?

PNG en WebP. JPG kan geen transparantie opslaan, dus daarnaartoe converteren vult de transparante gebieden met een effen kleur.

Probeer het met de juiste instellingen al toegepast

Deze pagina's openen de CrispPic-tool vooraf ingesteld voor precies dit geval. Je afbeelding wordt in je eigen browser verwerkt: hij wordt nergens geüpload.