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.

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.

PNG139 KB

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

GIF36 KB3.8× smaller

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.

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 GIF.

GIF8 KB8% larger

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.

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 GIF.

GIF6 KB2.4× larger

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.
PNGGIF
Full namePortable Network GraphicsGraphics Interchange Format
Extensie.png.gif
Mediatypeimage/pngimage/gif
CompressieZonder verlies — er gaat niets wegZonder verlies — er gaat niets weg
Deze site kan het schrijvenJaJa

Gekozen? Zet het hier om

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.