PNG vs JPG

JPG voor foto’s; PNG voor alles met tekst, harde randen of doorzichtigheid.

Kies PNG wanneer

PNG zodra er letters, schone lijnen of vlakken met scherpe randen in zitten: schermafbeeldingen, logo’s, diagrammen. En altijd als de achtergrond doorzichtig moet blijven.

Kies JPG wanneer

JPG voor foto’s. Bij zachte overgangen en korrel neemt hij een fractie in beslag zonder dat het verschil te zien is.

Het detail waar mensen op stuklopen

Een schermafbeelding die als JPG is opgeslagen krijgt een vuile rand om elke letter, en die gaat er niet meer af. Andersom wordt een foto als PNG enorm zonder er beter van te worden: dezelfde afbeelding die tien keer zoveel ruimte inneemt.

Van PNG naar JPG overstappen

Wat verloren gaat

JPG heeft geen alfakanaal. Een transparant PNG-bestand komt eruit met die vlakken opgevuld — wit, tenzij je iets anders instelt — en geen enkele instelling in JPG haalt de transparantie terug.

PNG bewaart tot 16 bits per kanaal en JPG houdt er 8 over. Die extra precisie is wat stevige correcties zonder banden doorstaat: zet dus liever om ná het bewerken dan ervoor.

Het resultaat openen

Adobe Photoshop en GIMP lezen zowel PNG als JPG, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Bestandsgrootte en kwaliteit

Het bestand wordt fors kleiner, en het wordt kleiner door detail weg te gooien. PNG bewaart alles; JPG bewaart wat het oog toch nauwelijks ziet. Bij een foto is die ruil bijna gratis; bij tekst, een schermafbeelding of een lijntekening zie je hem als randen om de contouren.

Waarvoor elk formaat bedoeld is

PNG is het formaat van PNG Development Group, verschenen in 1996. Er wordt met 16 bits per kanaal vastgelegd.

JPG komt van Joint Photographic Experts Group en stamt uit 1992, vastgelegd in ITU-T T.81. Adobe Photoshop, GIMP en Preview lezen het formaat.

Van JPG naar PNG overstappen

Wat verloren gaat

PNG heeft geen plek voor de IPTC-velden met bijschrift, credit en trefwoorden en de GPS-coördinaten, dus dat komt niet verder dan het JPG-bestand. Handig om te controleren voor je het origineel weggooit — en handig om te weten als weggooien juist de bedoeling was.

Wat het doelformaat erbij kan

PNG kan transparantie aan en JPG niet. Dat is ruimte die het resultaat heeft en die het origineel nooit gebruikt heeft: omzetten maakt geen transparante achtergrond, het maakt er pas achteraf een mogelijk.

Het resultaat openen

Adobe Photoshop en GIMP lezen zowel JPG als PNG, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Bestandsgrootte en kwaliteit

Het resultaat wordt groter dan het origineel en niet beter. JPG heeft al detail weggegooid en PNG bewaart wat er over is zonder er meer weg te gooien: het voorkomt verder verlies, het draait het eerste niet terug.

Waarvoor elk formaat bedoeld is

JPG is het formaat van Joint Photographic Experts Group, verschenen in 1992. Er wordt met 8 bits per kanaal vastgelegd.

PNG komt van PNG Development Group en stamt uit 1996, vastgelegd in ISO/IEC 15948. Adobe Photoshop, GIMP en Paint.NET lezen het formaat.

Wat de omzetting van PNG naar JPG werkelijk doet

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB15.9× kleiner

Een fotografisch tafereel — zachte overgangen, vage randen, korrel. Dit is het geval waarvoor JPG is bedacht, of waartegen, en de cijfers laten zien welke van de twee. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB18% kleiner

Een doorzichtige achtergrond en een verloop dwars door de vorm. JPG houdt beide, of één van beide, of vult de doorzichtigheid met een effen kleur — en juist dat verschil overvalt mensen. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB6.3× groter

Vlakke kleur en harde randen, zoals in een interface, een diagram of een logo. Gedraagt zich heel anders dan de foto hierboven, en dat is waarom het antwoord «het hangt ervan af wat er in het bestand zit» is. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.

Naast elkaar

PNG en JPG regel voor regel vergeleken: wat elk bewaart en wat dat kost.
PNGJPG
Full namePortable Network GraphicsJPEG Image
Extensie.png.jpg, .jpeg, .jpe
Mediatypeimage/pngimage/jpeg
CompressieZonder verlies — er gaat niets wegMet verlies — grootte wordt met kwaliteit betaald
Deze site kan het schrijvenJaJa

Gekozen? Zet het hier om

Meer over deze formaten

Waar deze cijfers vandaan komen

Wat deze pagina over PNG and JPG beweert, is na te gaan, en dit zijn de documenten die de zaak beslechten.