Hintergrund transparent machen: PNG richtig exportieren

Aiko TanakaAiko Tanaka
Ein freigestelltes Produkt vor dem Schachbrettmuster, das Transparenz kennzeichnet

Der Wunsch heißt fast immer „Hintergrund transparent machen", das eigentliche Problem liegt aber selten beim Freistellen — das erledigen Werkzeuge heute zuverlässig. Es liegt am Export. Ein sauber freigestelltes Motiv, das als JPG gespeichert wird, hat wieder einen weißen Kasten, und niemand sieht auf den ersten Blick, woran es lag.

Kurz gesagt. Freistellen und dann als PNG oder WebP exportieren — nie als JPG, das kann keine Transparenz. Wenn das Ergebnis trotzdem weiß ist, liegt es am Format, an der Vorschau oder an einem weißen Rand aus der Freistellung.

Welche Formate Transparenz können

FormatTransparenzWofür
PNGja, weich abgestuftder sichere Standard, überall lesbar
WebPja, weich abgestuftWeb — deutlich kleiner als PNG
AVIFjaWeb, noch kleiner, weniger verbreitet
GIFnur ganz oder gar nichtveraltet, harte Ränder
SVGjanur für Vektoren, nicht für Fotos
JPGneinFotos ohne Transparenz

Die entscheidende Zeile ist die letzte. JPG kennt keinen Alphakanal — es gibt technisch keine Möglichkeit, Transparenz darin zu speichern. Wenn du ein freigestelltes Motiv als JPG exportierst, wird der transparente Bereich mit Weiß gefüllt, ohne Warnung.

Der Unterschied zwischen GIF und PNG lohnt eine Zeile: GIF kennt Transparenz nur als An-oder-Aus pro Pixel. An weichen Kanten — Haaren, Schatten, unscharfen Rändern — ergibt das einen harten, gezackten Rand. PNG stuft ab und deshalb sehen Haarkanten richtig aus.

Der Ablauf

1. Freistellen. Das Motiv wird vom Hintergrund getrennt. Bei Hintergrund entfernen passiert das automatisch; eine manuelle Auswahl brauchst du nicht.

2. Ergebnis prüfen — an den Kanten, nicht in der Mitte. Zoom auf Haare, Glas oder einen durchscheinenden Stoff. Dort trennt sich eine brauchbare Freistellung von einer, die später auffällt.

3. Als PNG exportieren. Oder als WebP, wenn das Bild nur im Web verwendet wird.

4. Vor dem Schachbrett prüfen. Das Schachbrettmuster ist die Anzeige für Transparenz. Wenn du stattdessen Weiß siehst, ist etwas schiefgegangen.

Warum das PNG trotzdem weiß ist

Drei Ursachen, in der Reihenfolge ihrer Häufigkeit.

Es wurde zwischendurch als JPG gespeichert. Das passiert unauffällig: Ein Zwischenschritt in einem anderen Werkzeug, ein „Speichern unter" mit voreingestelltem Format, ein Upload in einen Dienst, der intern JPG erzeugt. Sobald das einmal passiert ist, ist die Transparenz weg und kommt durch erneutes Speichern als PNG nicht zurück — du musst zur Fassung vor dem JPG-Schritt zurück.

Das Programm zeigt Transparenz als Weiß. Die Windows-Fotoanzeige und viele Vorschauen stellen transparente Bereiche weiß dar. Die Datei ist in Ordnung, die Anzeige nicht. Öffne sie im Browser — dort siehst du das Schachbrett oder den Seitenhintergrund durchscheinen.

Die Freistellung hat einen weißen Rand gelassen. Bei einem Motiv, das vor weißem Hintergrund fotografiert wurde, bleibt oft ein schmaler heller Saum stehen. Vor Weiß fällt das nicht auf, vor einer Farbfläche sofort. Das ist der Fall, in dem sich das Nacharbeiten mit dem Radierer lohnt.

Transparent oder doch lieber weiß

Nicht jeder Fall, der nach Transparenz klingt, braucht sie. Die Entscheidung hängt davon ab, ob der Hintergrund schon feststeht.

Transparent, wenn das Motiv in eine Vorlage, ein Banner, eine Präsentation oder auf wechselnde Farbflächen kommt. Dann ist der weiße Kasten das Problem.

Weiß, wenn das Bild auf eine Produktseite oder einen Marktplatz geht. Amazon, Otto und die meisten Shops verlangen reines Weiß, und ein transparentes PNG wird dort auf einen weißen Untergrund gelegt — meist ohne den Schlagschatten, der verhindert, dass das Produkt aufgeklebt wirkt. Besser, du setzt den weißen Hintergrund selbst und behältst die Kontrolle über den Schatten.

Beides. Der übliche Ablauf bei Produktbildern: einmal freistellen, dann zwei Exporte — weiß für den Shop, transparent für alles andere. Mit Hintergrundfarbe ändern sind das zwei Klicks statt zweier Durchgänge.

PNG oder WebP

Wenn das Bild ins Web geht, ist WebP fast immer die bessere Wahl: dieselbe Transparenz, oft ein Drittel der Dateigröße. Alle aktuellen Browser zeigen es an — der alte Einwand gegen WebP stimmt seit Jahren nicht mehr.

Außerhalb des Browsers sieht es anders aus. Präsentationsprogramme, Druckereien und ältere Bildbearbeitungen nehmen WebP oft nicht an. Für alles, was eine Datei weitergibt, bleibt PNG die verträglichere Wahl.

Praktisch: WebP für die eigene Website, PNG für alles, was du jemandem schickst. Umwandeln geht in beide Richtungen — in PNG und in WebP — ohne dass die Transparenz verloren geht.

Transparente PNGs sind groß

Das ist der Preis: PNG komprimiert verlustfrei, und ein freigestelltes Produktfoto mit weichen Kanten kann leicht 3 MB haben. Für eine Produktseite mit dreißig Bildern ist das der Unterschied zwischen einer Seite, die sofort steht, und einer, bei der man beim Aufbau zusieht.

Zwei Wege heraus:

PNG komprimieren. Mit reduzierter Farbpalette lassen sich Logos und Grafiken oft auf ein Viertel bringen, ohne sichtbaren Unterschied — die Transparenz bleibt dabei erhalten. Bei Fotos bringt das Verfahren weniger. Das PNG komprimieren macht beides.

Auf WebP wechseln. Der größere Hebel, wenn das Bild ohnehin nur im Web verwendet wird.

Was bleibt

Transparenz scheitert am Export, nicht am Freistellen. PNG und WebP können sie, JPG nicht — und ein einziger JPG-Zwischenschritt macht sie unwiederbringlich zunichte. Prüf das Ergebnis an den Kanten und vor einem Schachbrett, nicht in der Programmvorschau. Und wenn das Ziel eine Produktseite ist, setz den weißen Hintergrund selbst, statt die Transparenz dem Shop zu überlassen.

Aiko Tanaka

Aiko Tanaka

Ich arbeite mit kleinen Marken, Cafés, Creators und Läden im Viertel an ihren visuellen Systemen, an Satzgenauigkeit, Typografie und Moodboards. Woran ich hänge: schnell viele Richtungen durchspielen, ohne dabei eine klare gestalterische Haltung aufzugeben.

Häufige Fragen

Lade das Bild hoch, lass das Motiv freistellen und exportiere als PNG oder WebP. Entscheidend ist der Export: JPG kann keine Transparenz, transparente Flächen werden dabei weiß.

Weiterlesen

Markenvisuals, die in Minuten fertig sind

Halte jedes Bild im Corporate Design, behalte die Kontrolle über den finalen Look und mach aus einer Kampagnenidee eine fertige Datei — ohne auf die nächste Designrunde zu warten.