PNG vs GIF

PNG für Standbilder, GIF nur, wenn sich etwas bewegen muss.

Wann PNG?

PNG für jedes unbewegte Bild. Es kann Millionen Farben, GIF nur 256 — und es ist bei gleichem Inhalt kleiner.

Wann GIF?

GIF ausschließlich für kurze Animationen, wo es nach wie vor überall funktioniert.

Was dabei meistens übersehen wird

GIFs 256-Farben-Grenze macht aus jedem Farbverlauf ein sichtbares Streifenmuster. Für ein Foto ist das Format seit dreißig Jahren die falsche Wahl, wird aber aus Gewohnheit weiter benutzt.

Was PNG zu GIF tatsächlich bewirkt

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

Eine fotografische Szene — weiche Verläufe, sanfte Kanten, Bildrauschen. Das ist der Fall, für den GIF gemacht ist oder eben nicht, und die Zahlen zeigen, welcher von beiden. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
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

Ein durchsichtiger Hintergrund und ein Verlauf über die Form. GIF behält entweder beides, nur eines davon, oder füllt die Transparenz mit einer festen Farbe — und das ist der Unterschied, über den die meisten stolpern. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.
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

Flächige Farben und harte Kanten, wie in einer Oberfläche, einem Diagramm oder einem Logo. Das verhält sich völlig anders als das Foto darüber — und genau deshalb lautet die Antwort: es kommt darauf an, was in der Datei steckt. Beide Bilder werden im Code gezeichnet und von demselben Konverter kodiert, der auch auf dieser Seite läuft — die Größenangaben sind also unsere eigene Ausgabe.

Nebeneinander

PNGGIF
Full namePortable Network GraphicsGraphics Interchange Format
Endung.png.gif
Medientypimage/pngimage/gif
KompressionVerlustfrei — es wird nichts verworfenVerlustfrei — es wird nichts verworfen
Diese Seite kann es schreibenJaJa

Entschieden? Hier umwandeln

Woher diese Zahlen stammen

Was diese Seite über PNG and GIF behauptet, lässt sich nachprüfen — hier stehen die Dokumente, die es festlegen.