Warum transparente PNGs schwarz oder weiß werden und wie du die Transparenz behältst

Eine transparente PNG wird schwarz oder weiß, wenn ein Programm sie als JPG speichert oder eine App sie neu kodiert, denn JPG hat keinen Alphakanal, der Transparenz speichern könnte. Das Programm muss den transparenten Pixeln also eine Farbe geben. Entweder malt es Weiß dahinter, oder es übernimmt die Farbwerte, die in den Pixeln gespeichert sind, und das ist oft Schwarz. Soll die Datei transparent bleiben, speichere sie als PNG oder WebP. Andernfalls wähle den Hintergrund selbst, bevor du als JPG speicherst.

Hintergrund entfernenHintergrund muss wegKostenlos loslegen

Was Transparenz in einer PNG ist

Eine PNG kann neben den Rot-, Grün- und Blauwerten jedes Pixels einen Alphakanal speichern. Der Alphakanal legt fest, wie deckend ein Pixel ist. Ein völlig transparenter Pixel zeigt, was hinter dem Bild liegt, etwa die Seitenfarbe oder den Hintergrund eines Dokuments. Die Anzeige übernimmt die Verrechnung, deshalb sieht dieselbe Datei auf einer weißen Seite und auf einer dunklen richtig aus.

JPG hat keinen Alphakanal. Jeder Pixel ist eine volle Farbe, also muss ein transparenter Bereich als irgendeine Farbe gespeichert werden. Das Format bietet dem Konverter keine Möglichkeit, Durchsichtigkeit zu erhalten.

Warum sie schwarz oder weiß wird

Wenn ein Konverter den Alphakanal entfernt, muss er festlegen, was aus jedem ehemals transparenten Pixel wird. Dafür gibt es zwei häufige Ergebnisse:

• Gespeicherte Farbe. Ein transparenter Pixel hat trotzdem Rot-, Grün- und Blauwerte, und bei vielen Freistellungen sind diese Werte Schwarz. Ein Konverter, der den Alphakanal einfach verwirft, behält diese Werte, und der Hintergrund wirkt schwarz.
• Füllfarbe. Andere Konverter malen zuerst einen Hintergrund, meist Weiß, und legen das Bild darüber. Das macht das Tool Bild umwandeln: Beim Speichern als JPG werden transparente Bereiche mit Weiß gefüllt, und das Tool sagt es direkt neben den Reglern.

Apps kennen einen dritten Weg. Upload-Formulare, Chat-Apps und E-Mail-Programme kodieren Bilder vor der Anzeige oft neu, manche wandeln dabei in JPG um. Das Ergebnis hängt von der App ab, deshalb kann dieselbe PNG an einer Stelle richtig und an einer anderen schwarz aussehen.

Transparenz behalten oder Hintergrund wählen

Entscheide, welches der beiden Ergebnisse du brauchst:

Du brauchst	Speichern als	Ergebnis
Einen Freisteller für eine Website oder ein Design	PNG oder WebP	Transparenz bleibt erhalten
Denselben Freisteller auf einem einfarbigen Hintergrund	JPG	Eine Hintergrundfarbe deiner Wahl

Um die Transparenz zu behalten, öffne das Tool Bild umwandeln und wähle PNG oder, wenn dein Browser es speichern kann, WebP. Beide Formate erhalten transparente Bereiche. Auch das Tool Bild komprimieren behält die Transparenz: Es speichert ein transparentes Bild als WebP oder, in Browsern ohne WebP-Export wie Safari, als PNG.

Wenn du die Transparenz erst erzeugen musst, nutze das Tool Hintergrund entfernen. Es läuft im Browser mit einem KI-Modell, und deine Auswahl beim Download bestimmt das Format:

1. Behältst du die Transparenz, speichert das Tool eine PNG.
2. Wählst du Weiß, eine Farbe oder Unschärfe, speichert es eine JPG mit diesem Hintergrund.

Verlangt ein Formular eine JPG, wähle den Hintergrund schon beim Freistellen. Überlass das nicht dem Konverter, der Schwarz wählen kann.

Prüfe, ob die Transparenz erhalten blieb

Öffne die umgewandelte Datei vor dem Verwenden auf zwei Hintergründen. Lege sie auf eine weiße Webseite und auf eine dunkle oder auf eine farbige Folie oder ein Dokument. Zeigt das Bild auf beiden denselben Hintergrund, hat die Datei keine Transparenz und die Farbe ist fest eingebrannt. Ändert sich die umgebende Farbe, ist die Transparenz erhalten geblieben.

Bildbearbeitungen zeigen Transparenz wieder anders. Viele Editoren zeichnen hinter transparente Bereiche ein graues und weißes Schachbrett, einfache Viewer zeigen dagegen oft Schwarz oder Weiß. Das Schachbrett ist die Art des Editors zu zeigen, dass dort nichts ist, und kein Muster im Bild. Prüfe die Datei in dem Programm, in dem sie verwendet wird, und betrachte jede andere Vorschau nur als groben Anhaltspunkt.

Wähle die Füllung bewusst

Muss das Ergebnis eine JPG sein, lege den Hintergrund fest, bevor der Konverter es tut. Weiß passt zu einer Seite oder einem Dokument mit weißem Grund. Eine einfarbige Fläche passt zu einem Markenblock oder einer farbigen Seite und sollte zur Seite hinter dem Bild passen, damit die weichen Ränder verschwimmen. Die Option Unschärfe im Tool Hintergrund entfernen füllt den Hintergrund mit einer weichgezeichneten Kopie desselben Fotos. Bei Fotos wirkt das oft natürlicher als eine einfache Füllung. Wähle die Option, die zu dem Ort passt, an dem das Bild stehen wird, und prüfe sie dort.

So geht es mit fixmint

1. Behalte das transparente Original als PNG und speichere es nicht als JPG, weil JPG die Transparenz verwirft.
2. Für eine Website oder ein Design wandle es in PNG oder WebP um, damit die transparenten Bereiche leer bleiben.
3. Brauchst du eine JPG, setze den Hintergrund selbst ein. Das Tool Hintergrund entfernen kann hinter einem Motiv einen Hintergrund in Weiß, Farbe oder Unschärfe setzen und speichert dann eine JPG.
4. Öffne die Datei vor der Verwendung auf zwei Hintergründen. Ändert sich die umgebende Farbe, ist die Transparenz erhalten geblieben. Komprimiere sie zuletzt, wenn ein Formular eine Größenbeschränkung vorgibt.

Sonderfälle

• Weiche Kanten. Haare, Schatten und Glas haben teilweise transparente Pixel, die noch die Farbe des alten Hintergrunds tragen. Auf einem neuen Hintergrund kann dann ein heller oder dunkler Rand sichtbar werden. Nutze einen Freisteller mit sauberen Kanten oder wähle eine Hintergrundfarbe, die dem Original nahekommt.
• JPG kann keine Transparenz behalten. Akzeptiert ein Formular nur JPG, muss die Transparenz durch eine Farbe ersetzt werden. Keine JPG-Einstellung ändert das.
• Prüfe am Zielort. Sieh dir die Datei dort an, wo sie verwendet wird, etwa im Formular, auf der Seite oder in der App. Eine Vorschau kann einen anderen Hintergrund zeigen als die echte Anzeige.
• Format wählen. Für Grafiken im Web ist PNG die übliche Wahl. JPG, PNG und WebP vergleicht die Formate genauer. Lässt sich eine WebP-Datei in einer App nicht öffnen, lies warum sich ein WebP-Bild nicht öffnen lässt.