PDFMove
PNG oder JPG für einen transparenten Hintergrund? Vergleichender Entscheidungsleitfaden
Vergleich

PNG oder JPG für einen transparenten Hintergrund? Vergleichender Entscheidungsleitfaden

4 Min. Lesezeit

Die Entscheidung läuft eigentlich auf eine einzige Frage hinaus

Bei der Entscheidung, ob ein Bild ein PNG oder ein JPG sein sollte, lautet die erste und ausschlaggebende Frage: Muss der Hintergrund dieses Bildes transparent sein? Lautet die Antwort ja, endet der Vergleich an dieser Stelle – JPG ist keine Option, weil das Format Transparenz überhaupt nicht unterstützt. Lautet die Antwort nein, fällt die Entscheidung anhand von Dateigröße und Inhaltstyp.

In diesem Beitrag vergleichen wir beide Formate unter den Gesichtspunkten Transparenz, Dateigröße, Eignung für den Inhalt und praktische Einsatzszenarien.

Transparenz: ein struktureller Unterschied

JPG wurde Anfang der 1990er-Jahre entworfen, um Fotos effizient zu speichern. Ein Foto hat keinen Hintergrund – der gesamte rechteckige Rahmen ist gefüllt. Deshalb wurde dem Format nie eine Transparenzkomponente hinzugefügt. Jedes JPG-Pixel trägt drei Farbkanäle, einen vierten Transparenzkanal gibt es nicht.

PNG dagegen wurde für Webgrafiken entworfen und enthielt den Alphakanal von Anfang an. Für jedes Pixel wird ein eigener Transparenzwert gespeichert. Da dieser Wert zwischen 0 und 255 liegen kann, sind weiche Übergänge von vollständig transparent bis vollständig deckend möglich. Die geschwungenen Ränder eines Logos verschmelzen nahtlos mit dem Hintergrund, und der Schatten eines Objekts lässt den Untergrund darunter teilweise durchscheinen.

Die praktische Folge: Speichern Sie ein transparentes PNG als JPG, werden die transparenten Bereiche dauerhaft mit einer einheitlichen Farbe gefüllt. Meist ist das Weiß, manche Programme verwenden auch Schwarz. Dieser Vorgang lässt sich nicht rückgängig machen; das JPG wieder in ein PNG umzuwandeln entfernt die eingefüllte Farbe nicht, sondern speichert genau diese Farbe verlustfrei.

Dateigröße: ein Gleichgewicht, das vom Inhalt abhängt

Die verbreitete Ansicht lautet „PNG ist immer größer", doch das gilt nur für Fotos.

Bei fotografischen Inhalten gewinnt JPG mit deutlichem Abstand. Bei einem Landschaftsfoto, einem Porträt oder einer Produktaufnahme unterscheidet sich nahezu jedes Pixel von seinem Nachbarn. Die verlustfreie Komprimierung von PNG findet keine wiederkehrenden Muster und bleibt daher ineffizient; das PNG desselben Bildes kann ein Vielfaches des JPG groß sein. Der sichtbare Qualitätsunterschied ist bei einer vernünftigen JPG-Qualitätseinstellung dagegen praktisch nicht vorhanden.

Bei Grafik- und Textinhalten schrumpft der Abstand, manchmal kehrt er sich um. Ein Screenshot, ein Oberflächenentwurf, eine Tabelle oder ein Logo auf einfarbigem Grund enthält große einfarbige Flächen. PNG verpackt sie sehr effizient. JPG sieht bei diesen Inhalten nicht nur schlechter aus – Halos an den Kanten, Schmutz im Text –, sondern erzeugt mitunter sogar größere Dateien, weil scharfe Kanten hochfrequent sind und die Komprimierungslogik des JPG an ihre Grenzen bringen.

Welches Format in welchem Szenario

Logo einer Website: PNG. Damit es auf unterschiedlichen Untergründen einsetzbar ist, wird Transparenz benötigt, und bei einfarbigen Logos bleibt die Dateigröße ohnehin klein.

Titelbild eines Blogbeitrags: JPG. Transparenz wird nicht gebraucht, der Inhalt ist fotografisch, die Seitengeschwindigkeit zählt. Eine Umwandlung in PNG macht die Seite nur unnötig schwer.

Freigestelltes Produktbild: PNG. Wenn Sie ein Produkt im E-Commerce auf verschiedenen Untergründen zeigen wollen, ist Transparenz zwingend. Bleibt der Untergrund immer weiß, käme auch JPG infrage – doch Sie verzichten damit auf Flexibilität.

Screenshots und Bilder für die Dokumentation: PNG. Text und Oberflächenelemente bleiben scharf, und der Schmutz, den JPG an den Textkanten erzeugt, entsteht gar nicht erst.

Beitrag für soziale Netzwerke: in der Regel JPG. Da die meisten Plattformen hochgeladene Bilder ohnehin in ihr eigenes Format neu komprimieren, ist der Gewinn eines PNG-Uploads begrenzt; bei fotografischen Inhalten ist JPG sowohl beim Hochladen als auch bei der Verarbeitung praktischer.

Grafik für den Druck: PNG oder ein professionelleres verlustfreies Format. In der Druckvorstufe muss die Qualität auf jeder Stufe erhalten bleiben; der Generationenverlust des JPG kann im Druck sichtbar werden.

Die Umwandlungsentscheidung: die Richtung zählt

Der Wechsel von PNG zu JPG bringt Größenvorteile, opfert aber Transparenz und ein Stück Detail – und ist nicht umkehrbar. Der Wechsel von JPG zu PNG wiederum steigert die Qualität nicht, sondern stoppt nur künftige Verluste und liefert einen Behälter, dem Sie Transparenz hinzufügen können.

Deshalb sieht der praktische Arbeitsablauf so aus: Halten Sie Ihre Arbeitsdatei in einem verlustfreien Format und erzeugen Sie die Verbreitungsversion je nach Bedarf. Wenn Sie ein Bild bearbeiten, Ebenen hinzufügen oder den Hintergrund entfernen wollen, beginnen Sie damit, das JPG in ein PNG umzuwandeln; die endgültige Fotoversion für die Veröffentlichung exportieren Sie dagegen als JPG oder WEBP.

Kurz zusammengefasst

Wird Transparenz benötigt, gibt es keinen Vergleich – PNG ist die einzige Option. Wird sie nicht benötigt, schauen Sie auf den Inhaltstyp: Bei Fotos ist JPG deutlich effizienter, bei Grafik und Text ist PNG sauberer und meist klein genug. Die beiden sind keine Konkurrenten, sondern Werkzeuge für unterschiedliche Aufgaben; die richtige Wahl hängt davon ab, was das Bild ist und wo es eingesetzt wird.

Häufig gestellte Fragen

Lässt sich in JPG wirklich überhaupt keine Transparenz umsetzen?

Nein, das geht nicht. In der Dateistruktur des JPG-Formats ist kein Bestandteil namens Alphakanal definiert; jedes Pixel trägt ausschließlich Farbinformationen, keine Transparenzinformationen. Das ist kein Mangel der Software, sondern eine Designentscheidung des Formats. Wenn Sie ein transparentes Bild als JPG speichern, werden die transparenten Bereiche automatisch mit einer einheitlichen Farbe gefüllt, meist Weiß oder Schwarz – und das lässt sich nicht rückgängig machen.

Wozu dient die Teiltransparenz von PNG?

Der Alphakanal von PNG kann für jedes Pixel 256 verschiedene Transparenzstufen speichern; dadurch sind weiche Übergänge zwischen vollständig sichtbar und vollständig unsichtbar möglich. In der Praxis bedeutet das: Die Ränder eines Logos wirken nicht ausgefranst, weiche Schatten verschmelzen natürlich mit dem Hintergrund und teiltransparente Gestaltungen wie der Glaseffekt funktionieren. Genau darin unterscheidet sich PNG von der binären Transparenz des GIF, das nur vollständig transparente oder vollständig deckende Pixel kennt.

Soll ich trotzdem PNG verwenden, wenn ich ein transparentes PNG in ein Dokument mit weißem Hintergrund einsetze?

Bleibt der Hintergrund immer weiß und ist das Bild fotografischer Natur, liefert JPG eine kleinere Datei bei gleichem Erscheinungsbild. Bei Logos, Symbolen oder Grafiken mit scharfen Kanten sieht PNG jedoch meist sauberer aus, und bei solchen Inhalten fällt der Größenunterschied ohnehin sehr gering aus. Falls sich die Hintergrundfarbe des Dokuments künftig ändern könnte, verschafft Ihnen der Erhalt der Transparenz zusätzlich Flexibilität.

Gibt es abseits der Transparenz Fälle, in denen ich PNG bevorzugen sollte?

Ja. Handelt es sich um Text, eine Tabelle, einen Screenshot, ein Liniendiagramm oder eine Illustration mit scharfen Kanten, liefert PNG ein sichtbar saubereres Ergebnis, und weil die verlustfreie Komprimierung bei solchen Inhalten effizient arbeitet, bleibt die Dateigröße im vernünftigen Rahmen. JPG erzeugt bei diesen Inhalten Schmutz an den Kanten und Einbußen bei der Lesbarkeit von Text.

Probieren Sie es gleich mit JPG → PNG Dönüştür aus.

JPG → PNG Dönüştür ausprobieren