GIF vs PNG
Beide speichern Fotos, gehen dabei aber unterschiedliche Kompromisse ein. Hier liegen die echten Unterschiede — und die Entscheidungshilfe.
Short answer
Bei allem Statischen schlägt PNG das GIF in jeder Hinsicht, und das seit zwanzig Jahren. Bei Animation lautet die ehrliche Antwort meist: keines von beiden, nehmen Sie eine Videodatei.
Why this comes up
GIF überlebt aus kultureller Gewohnheit, nicht aus technischer Stärke. Verglichen wird es mit PNG aus einem von zwei Gründen: Man hat ein altes GIF und will es modernisieren, oder man will eine Animation und GIF ist das einzige animierte Format, dessen Name einem einfällt. Das sind zwei verschiedene Probleme, und für das zweite gibt es eine bessere Antwort, als der Titel dieser Seite nahelegt.
Direkter Vergleich
| Eigenschaft | GIF | PNG |
|---|---|---|
| Komprimierung | Verlustfrei | Verlustfrei |
| Transparenz | Ja | Ja |
| Typische Dateigröße | 200-400% eines vergleichbaren JPEGs | 300-500% eines vergleichbaren JPEGs |
| Kompatibilität | Lässt sich überall öffnen, auch mit jahrzehntealter Software | Lässt sich überall öffnen, auch mit jahrzehntealter Software |
| Stammt meist von | Websites, die ihr Ladegewicht optimieren | Screenshots, Logos und Grafiken |
What actually differs
GIF ist auf 256 Farben je Einzelbild beschränkt
Das ist die prägende Einschränkung und der Grund, warum Fotos als GIF gerastert und gesprenkelt aussehen. PNG führt volle 24-Bit-Farbe plus einen 8-Bit-Alphakanal. Jedes Bild mit Verlauf, jedes Foto und jede feine Schattierung wird von GIFs Palette aktiv beschädigt, und der Schaden ist eingebrannt: Dieses GIF nach PNG zu wandeln bewahrt das Dithering, es macht es nicht rückgängig.
GIF-Transparenz hat ein Bit, PNG hat 256 Stufen
Ein GIF-Pixel ist entweder vollständig transparent oder vollständig deckend. Teiltransparenz gibt es nicht, und darum zeigen GIF-Logos auf jedem anderen als dem vorbereiteten Hintergrund treppige, ausgefranste Kanten. PNGs 8-Bit-Alpha erlaubt weich kantengeglättete Ränder, die auf jeder Farbe richtig sitzen. Für ein Logo oder ein Symbol entscheidet dieser Unterschied allein die Sache.
PNG kann animieren, aber das ist nicht die Lösung, die Sie suchen
APNG ist animiertes PNG und wird von allen aktuellen Browsern unterstützt. Es hat volle Farbe und echtes Alpha, qualitativ also ein echter Fortschritt gegenüber dem animierten GIF. Es bleibt aber eine Folge vollständiger Einzelbilder ohne Bewegungskompensation, sodass ein paar Sekunden videoartiger Inhalt weiterhin riesig sind. Derselbe Clip als MP4 oder WebM ist regelmäßig 10- bis 20-mal kleiner.
Which to use
Use GIF for
Praktisch nichts Neues. GIF lohnt sich nur, wenn eine Plattform nichts anderes annimmt oder die Datei schon existiert und ein Neucodieren nichts einbringt.
Use PNG for
Jeden statischen Fall: Logos, Symbole, Screenshots, Strichzeichnungen, alles, was saubere Transparenz oder mehr als 256 Farben braucht.
One thing that catches people out
Wenn es um eine Bildschirmaufnahme geht, lautet die Antwort: Videodatei
Als GIF exportierte Demo-Clips und Bildschirmaufnahmen kommen für wenige Sekunden regelmäßig auf zweistellige Megabyte-Beträge, weil jedes Einzelbild vollständig gespeichert wird. Ein MP4 oder WebM derselben Aufnahme ist ein Bruchteil davon, schärfer, und spielt auf jeder relevanten Plattform direkt ab. GIFs verbliebener Vorteil ist, dass es dort stumm automatisch abspielt, wo Video blockiert wird, und diese Liste wird kürzer.