JPG, PNG of WebP: welk formaat gebruik je?

In één zin: foto’s in JPG of WebP; graphics en transparantie in PNG of WebP. Controleer voordat je overstapt op WebP of de plek waar je uploadt het accepteert.

JPG (ook geschreven als JPEG) slaat foto’s compact op door fijne details weg te laten die het oog zelden opmerkt. Bijna elke website, app, e-maildienst en marktplaats accepteert het, waardoor het de veiligste keuze is als je twijfelt.

De zwakke punten zijn scherpe randen en egale kleurvlakken. Tekst, lijntekeningen en screenshots krijgen wazige halo’s, en JPG ondersteunt geen transparantie. Elke keer dat een JPG wordt bewerkt en opnieuw opgeslagen, gaat er weer iets verloren, dus bewaar het origineel en exporteer vanaf dat bestand.

Om een JPG kleiner te maken zonder het formaat te veranderen, gebruik je de afbeeldingscompressor; om WebP te proberen, gebruik je JPG naar WebP.

PNG is verliesvrij: elke pixel blijft precies zoals hij was. Daardoor is het geschikt voor logo’s, pictogrammen, screenshots van interfaces en alles met tekst, en het ondersteunt volledige transparantie, inclusief zachte randen en schaduwen.

De prijs is de bestandsgrootte. Een foto die als PNG is opgeslagen, is meestal een paar keer zo groot als een goede JPG. In de Web Almanac 2024 van HTTP Archive gebruikte de mediane PNG op het web 3,8 bits per pixel, tegenover 2,0 voor JPG en 1,3 voor WebP.

Bevat een PNG een foto, zet hem dan om. Bevat hij een graphic, comprimeer hem dan als PNG, of probeer PNG naar WebP, dat de transparantie behoudt.

Google ontwierp WebP voor het web, en het werkt op twee manieren: met verlies zoals JPG of verliesvrij zoals PNG, in beide gevallen met transparantie. Volgens Google zijn verliesvrije WebP-bestanden 26% kleiner dan PNG’s, en zijn WebP-bestanden met verlies 25–34% kleiner dan vergelijkbare JPG’s.

Alle huidige grote browsers tonen WebP: ongeveer 97% van de gebruikte browsers, waaronder Safari sinds versie 14. Het probleem zit buiten de browser. Sommige platforms accepteren nog steeds geen WebP-uploads: Amazon, Etsy en Mailchimp noemen bijvoorbeeld wel JPG en PNG, maar geen WebP.

Omzetten levert ook niet gegarandeerd winst op. Een eenvoudig logo of een screenshot met weinig kleuren kan als PNG kleiner zijn. Zet om, vergelijk de twee bestanden en houd het kleinste.

1. 01Heeft de afbeelding transparantie nodig? Gebruik PNG, of WebP waar dat wordt geaccepteerd.
2. 02Is het een foto of een realistisch beeld? Gebruik JPG, of WebP op je eigen website.
3. 03Is het een screenshot, grafiek, logo of tekst? Gebruik PNG, probeer daarna WebP en vergelijk de bestanden.
4. 04Waar wordt het geüpload? Controleer of het platform het formaat accepteert; zo niet, blijf dan bij JPG of PNG.
5. 05Comprimeer het uiteindelijke bestand, welk formaat het ook heeft.

Voor de afmetingen en limieten van specifieke platforms, zie eisen voor afbeeldingsgrootte bij e-mail en webwinkels.

AVIF is een nieuwer formaat dat nog kleiner kan zijn, maar het aanmaken duurt langer en minder tools en platforms accepteren het. Op het web is het nog zeldzaam: in de Web Almanac 2025 was AVIF goed voor 0,7% van de LCP-afbeeldingen, tegenover 11% voor WebP, 26% voor PNG en 57% voor JPG. Voor de meeste sites dekken JPG, PNG en WebP vandaag alles af.

• Foto’s als PNG opslaan voor de kwaliteit. PNG behoudt de details die er al zijn, maar kan er geen toevoegen, en het bestand wordt een paar keer zo groot.
• Een JPG naar PNG omzetten om wazige randen te herstellen. De schade zit al in de JPG; ga in plaats daarvan terug naar het origineel.
• Alles naar WebP omzetten zonder te controleren. Je website kan het prima aan, terwijl je winkelplatform of e-mailtool het weigert.
• Stoppen zodra het formaat gekozen is. Het formaat bepaalt het vertrekpunt; het uiteindelijke bestand comprimeren doet de rest.

Lees verder: afbeeldingen comprimeren voor een website, stap voor stap.