Wat je wint en wat je opgeeft
PNG slaat afbeeldingen verliesvrij op, wat uitstekend is voor afbeeldingen met effen vlakken maar zwaar voor foto’s. JPG pakt het andersom aan: het laat fijn detail weg dat het oog waarschijnlijk niet mist en comprimeert de rest stevig. Bij een foto is de JPG doorgaans een aantal keer kleiner dan de PNG, en bij een verstandige kwaliteitsinstelling is het verschil meestal moeilijk te zien.
De keerzijde is dat JPG altijd verliesgevend is. Is detail eenmaal weggelaten, dan is het voorgoed weg, en de JPG later weer naar PNG omzetten brengt het niet terug. Bewaar je oorspronkelijke PNG als je de versie met volledige kwaliteit misschien nog nodig hebt.
Het verschil in grootte komt voort uit de manier waarop elk formaat comprimeert. PNG zoekt voorspelbare, terugkerende patronen van exacte pixelwaarden, waar effen kleuren er veel van hebben en camera-ruis er bijna geen. JPG benadert in plaats daarvan kleine blokken van de afbeelding, wat past bij de geleidelijke tinten van een foto maar moeite heeft met abrupte randen. Daarom kan dezelfde conversie een vakantiefoto enorm verkleinen en bij een logo nauwelijks helpen.
PNG en JPG vergeleken
| Eigenschap | PNG | JPG |
|---|---|---|
| Compressie | Verliesvrij | Verliesgevend |
| Transparantie | Volledig alfakanaal | Geen; transparante delen krijgen een effen kleur |
| Foto’s | Nauwkeurig maar groot | Compact, meestal een aantal keer kleiner |
| Tekst, logo’s, lijntekeningen | Scherpe randen | Zachte randen en zichtbare storing komen vaak voor |
| Herhaald opslaan | Geen verlies | Een beetje verlies bij elke opslag |
| Animatie | APNG-variant | Niet ondersteund |
| Compatibiliteit | Vrijwel universeel | Vrijwel universeel |
Goede kandidaten voor JPG, en slechte
De afbeeldingen die er het meest bij winnen, zijn foto’s die toevallig als PNG zijn opgeslagen: afbeeldingen uit een bewerkingsprogramma dat standaard PNG gebruikt, foto’s die in een ontwerptool zijn geplakt en opnieuw opgeslagen, of camerabeelden die onderweg naar PNG zijn omgezet. Die worden enorm kleiner en zijn veel makkelijker te mailen of te uploaden waar limieten voor de bestandsgrootte gelden.
Wees voorzichtiger met:
- Schermafbeeldingen van apps en webpagina’s, waar kleine tekst vaag kan worden;
- Logo’s, pictogrammen en diagrammen, waarvan de effen kleuren en scherpe lijnen JPG-storing snel laten zien en die als PNG vaak toch goed comprimeren;
- Alles wat een transparante achtergrond nodig heeft op de uiteindelijke plek.
Wil je een kleiner bestand maar kun je de transparantie niet missen, zet PNG dan om naar WebP. WebP behoudt het alfakanaal en is meestal compact.
Een achtergrondkleur kiezen voor transparantie
Omdat JPG geen transparantie kan opslaan, wordt elke transparante pixel in je PNG gevuld met de achtergrondkleur die je voor het omzetten instelt. Wit is de standaard en werkt goed voor documenten, afgedrukte pagina’s en de meeste e-mails.
Voor al het andere pas je de kleur aan op de bestemming. Een logo dat bestemd is voor een donkere websitekop moet de exacte kleur van die kop krijgen; anders staat het in een zichtbaar wit vlak. De meeste ontwerptools en websitethema’s noemen hun achtergrond als hexwaarde, zoals #1F2937, die je zo in de kleurinstelling kunt plakken. De vulling is ook definitief. De JPG onthoudt niet welke delen transparant waren, dus bewaar de PNG als je de vrijgestelde versie misschien nog nodig hebt.
Instellingen voor kleine, schone JPG’s
- Kwaliteit: de standaardwaarde 90 houdt foto’s schoon. Voor alledaags delen is 80 tot 90 een verstandig bereik; moet je een schermafbeelding omzetten, blijf dan op 90 of hoger om de tekst te beschermen.
- Afmetingen: een afbeelding in volledige resolutie is vaak veel groter dan een e-mail of webformulier nodig heeft. Inpassen binnen een maximale breedte of hoogte verkleint het bestand meer dan welke kwaliteitsinstelling ook, zonder vervorming.
- Eén keer omzetten: exporteer je JPG telkens vanuit de PNG-hoofdkopie, in plaats van een JPG te bewerken en opnieuw op te slaan, wat bij elke opslag wat meer kwaliteit kost.
- Metagegevens: EXIF-gegevens zoals gps-positie en opnamedatum worden niet naar de JPG gekopieerd.
- Kleur: de uitvoer wordt omgezet naar sRGB, dus werk in een kleurruimte met breed bereik kan er iets minder verzadigd uitzien.
- Geanimeerde PNG’s: JPG heeft geen animatie, dus alleen het eerste frame van een APNG wordt omgezet en je ziet een waarschuwing.
- Meerdere bestanden: zet tot 10 PNG’s in één keer om en download ze samen als ZIP, handig als een hele map met exports kleiner moet.