PNG vs GIF

PNG voor stilstaande afbeeldingen; GIF alleen als er iets moet bewegen.

Kies PNG wanneer

PNG voor elke stilstaande afbeelding. Meer kleuren, betere randen en kleinere bestanden dan een GIF met dezelfde inhoud.

Kies GIF wanneer

GIF alleen als er animatie nodig is en de bestemming geen video aanneemt: een mail, een README, een melding.

Het detail waar mensen op stuklopen

GIF is beperkt tot 256 kleuren. Een foto die zo wordt opgeslagen loopt vol met banden en spikkels, en die schade is onomkeerbaar.

Van PNG naar GIF overstappen

Wat verloren gaat

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

GIF bewaart hoogstens 256 kleuren per beeld. Een foto wordt daarbij teruggebracht tot een palet, vandaar de lucht in banden. Dat is geen kwaliteitsinstelling, dat is het formaat.

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

Wat behouden blijft

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

Het resultaat openen

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

Waarvoor elk formaat bedoeld is

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

GIF komt van CompuServe en stamt uit 1987, vastgelegd in GIF89a. GIMP, Adobe Photoshop en ImageMagick lezen het formaat.

Van GIF naar PNG overstappen

Wat verloren gaat

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

Wat behouden blijft

Er gaat niets verloren. GIF 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. GIF en PNG bewaren allebei een alfakanaal: een uitsnede blijft uitgesneden en erachter wordt niets opgevuld.

Het resultaat openen

GIF stamt uit 1987 en wordt nauwelijks nog gebruikt. PNG is wat actuele programma’s schrijven, dus omzetten gaat ook over leesbaar blijven.

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

Waarvoor elk formaat bedoeld is

GIF is het formaat van CompuServe, verschenen in 1987. 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 GIF werkelijk doet

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG. — Een fotografisch tafereel — zachte overgangen, vage randen, korrel. Dit is het geval waarvoor GIF 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 landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as GIF. — Een fotografisch tafereel — zachte overgangen, vage randen, korrel. Dit is het geval waarvoor GIF 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. — Een doorzichtige achtergrond en een verloop dwars door de vorm. GIF 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. — 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.

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 GIF. — 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 GIF regel voor regel vergeleken: wat elk bewaart en wat dat kost.
	PNG	GIF
Full name	Portable Network Graphics	Graphics Interchange Format
Extensie	.png	.gif
Mediatype	image/png	image/gif
Compressie	Zonder verlies — er gaat niets weg	Zonder verlies — er gaat niets weg
Deze site kan het schrijven	Ja	Ja

Gekozen? Zet het hier om

Meer over deze formaten

Waar deze cijfers vandaan komen

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

Portable Network Graphics (PNG) Specification, Third Edition
W3C — De verliesvrije compressie van PNG en zijn alfakanaal
Graphics Interchange Format, Version 89a
W3C — De grens van 256 kleuren bij GIF