PNG vs JPG

JPG für Fotos, PNG für alles mit Text, harten Kanten oder Transparenz.

Wann PNG?

PNG, sobald Schrift, klare Linien oder Flächen mit scharfen Rändern im Bild sind — Screenshots, Logos, Diagramme. Und immer dann, wenn der Hintergrund durchsichtig bleiben soll.

Wann JPG?

JPG für Fotografien. Bei weichen Übergängen und Bildrauschen ist es um ein Vielfaches kleiner, ohne dass man den Unterschied sieht.

Was dabei meistens übersehen wird

Ein Screenshot als JPG bekommt Schlieren um jeden Buchstaben, und die gehen nicht mehr weg. Umgekehrt wird ein Foto als PNG riesig, ohne besser auszusehen — es ist dieselbe Aufnahme in zehnmal so vielen Bytes.

Was PNG zu JPG 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 JPG.

JPG9 KB15.9× smaller

Eine fotografische Szene — weiche Verläufe, sanfte Kanten, Bildrauschen. Das ist der Fall, für den JPG 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 JPG.

JPG6 KB18% smaller

Ein durchsichtiger Hintergrund und ein Verlauf über die Form. JPG 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 JPG.

JPG16 KB6.3× 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

PNGJPG
Full namePortable Network GraphicsJPEG Image
Endung.png.jpg, .jpeg, .jpe
Medientypimage/pngimage/jpeg
KompressionVerlustfrei — es wird nichts verworfenVerlustbehaftet — Größe wird mit Qualität bezahlt
Diese Seite kann es schreibenJaJa

Entschieden? Hier umwandeln

Woher diese Zahlen stammen

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