PNG vs SVG

Wat behouden blijft

Er gaat niets verloren. PNG en SVG bewaren hun inhoud verliesvrij: de omzetting wisselt de verpakking, niet de kwaliteit, en je kunt haar herhalen zonder dat schade zich opstapelt.

De transparantie blijft. PNG en SVG bewaren allebei een alfakanaal: een uitsnede blijft uitgesneden en erachter wordt niets opgevuld.

Wat het doelformaat erbij kan

SVG is een werkformaat en PNG een af formaat. Wat terugkomt is bewerkbare tekst in plaats van een afbeelding van de pagina, meestal de reden voor de omzetting en tegelijk haar grens.

SVG kan animatie dragen; een PNG-bestand is één frame. Eruit komt een bestand met één beeld in een formaat dat er meer aan zou kunnen.

SVG kan lagen aan. Een PNG-bestand komt al samengevoegd binnen, dus het resultaat heeft één laag — de opbouw zou je met de hand opnieuw moeten maken.

Het resultaat openen

De gebruikelijke programma's overlappen niet: PNG open je in Adobe Photoshop, GIMP en Paint.NET, SVG in Inkscape, Adobe Illustrator en Figma — wie het resultaat krijgt, heeft dus iets uit de tweede rij nodig.

Bestandsgrootte en kwaliteit

SVG bewaart de monsters rauw, dus het bestand groeit flink zonder er iets bij te winnen. Die richting is alleen zinnig als een programma aan de andere kant PNG niet aanneemt — en dat is meestal ook de reden.

Waarvoor elk formaat bedoeld is

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

SVG komt van W3C en stamt uit 2001, vastgelegd in SVG 1.1. Inkscape, Adobe Illustrator en Figma lezen het formaat.

Wat verloren gaat

SVG beschrijft vormen en PNG bewaart beeldpunten. Het resultaat is scherp op de maat waarop het gemaakt is en niet groter: later vergroten kan de punten ertussen alleen verzinnen, en daarom telt de exportmaat hier zwaarder dan bij de meeste omzettingen.

PNG bevat één stilstaand beeld. Van een geanimeerd SVG-bestand blijft het eerste frame over en de rest vervalt: de omzetting haalt er een beeld uit, ze neemt de beweging niet mee.

Lagen worden samengevoegd. SVG houdt ze apart en bewerkbaar; PNG bewaart het resultaat, dus alles waarvoor je een laag moet verschuiven moet vooraf gebeuren.

Wat behouden blijft

Er gaat niets verloren. SVG en PNG bewaren hun inhoud verliesvrij: de omzetting wisselt de verpakking, niet de kwaliteit, en je kunt haar herhalen zonder dat schade zich opstapelt.

De transparantie blijft. SVG en PNG bewaren allebei een alfakanaal: een uitsnede blijft uitgesneden en erachter wordt niets opgevuld.

Het resultaat openen

De gebruikelijke programma's overlappen niet: SVG open je in Inkscape, Adobe Illustrator en Figma, PNG in Adobe Photoshop, GIMP en Paint.NET — wie het resultaat krijgt, heeft dus iets uit de tweede rij nodig.

Bestandsgrootte en kwaliteit

PNG pakt dezelfde monsters in ongeveer de helft van de ruimte. Er gaat niets weg — uitpakken geeft het SVG-bestand bit voor bit terug — en daarmee is het de betere plek voor alles wat je wilt bewaren.

Waarvoor elk formaat bedoeld is

SVG is het formaat van W3C, verschenen in 2001. Het is vastgelegd in SVG 1.1, en dat is de moeite waard als het bestand het gereedschap moet overleven dat het schreef.

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