PNG mit transparentem Hintergrund: wann du es brauchst und wie

Ein PNG mit transparentem Hintergrund ist ein Bild, dessen Hintergrund leer gelassen wurde: Nur Logo, Text oder Objekt bleiben, und was darunter liegt, scheint durch. Du brauchst es immer dann, wenn dein Design auf etwas platziert wird, das du nicht gemacht hast: ein Logo auf der Website eines Kunden, ein Titel über Videomaterial, ein Sticker auf einem Foto, ein Zeichen auf einer Folie. PNG kann das, weil es einen Alphakanal speichert, einen vierten Wert für jedes Pixel, der angibt, wie durchsichtig es ist. JPG hat keinen Alphakanal, deshalb kommt ein JPG Logo immer in einem weißen oder farbigen Kasten an.

Wie Transparenz in einem PNG funktioniert

Jedes Pixel in einem normalen Bild hat drei Werte: Rot, Grün und Blau. Ein PNG mit Transparenz fügt einen vierten hinzu, Alpha, von völlig durchsichtig bis völlig deckend. Die Zwischenwerte zählen so viel wie die Extreme. Die weiche Kante eines Buchstabens, ein sanfter Schatten oder ein Glaseffekt bestehen aus teilweise durchsichtigen Pixeln, und sie lassen das Design mit allem verschmelzen, was dahinter liegt.

Einen genaueren Vergleich der zwei häufigsten Formate findest du unter PNG oder JPG, und für Logos auf Websites erklärt SVG oder PNG, wann Vektor die bessere Wahl ist.

Wann du ein transparentes PNG brauchst

• Logos, die andere verwenden. Partner, Presse, Veranstalter und Sponsoren setzen dein Logo auf ihre eigenen Hintergründe. Schick ein transparentes PNG, am besten in hellen und dunklen Logovarianten, plus ein SVG.
• Titel und Bauchbinden im Video. Videoschnittprogramme legen ein transparentes PNG über das Material, sodass die Wörter auf dem Bild schweben.
• Sticker und Overlays. Badges wie „Neu“ oder „Verkauft“, Rahmen und Preisschilder auf Fotos oder Stories.
• Folien und Dokumente. Ein Logo oder Diagramm, das ohne weißen Kasten auf einer farbigen Folie sitzen muss.
• Websites. Icons, Logos und Illustrationen über farbigen Abschnitten oder Hero Hintergründen.
• Merchandise und Print on Demand. Viele Druckdienste wollen ein transparentes PNG, damit nur das Motiv auf Shirt oder Tasse gedruckt wird.

Wann ein transparenter Hintergrund die falsche Wahl ist

Transparenz ist für Einzelteile, nicht für fertige Stücke. Ein Social Post, eine Story, ein Poster oder ein E-Mail-Header gehört mit Hintergrund exportiert, denn dieser Hintergrund ist das halbe Design. Die meisten Plattformen behalten die Transparenz hochgeladener Posts nicht, und eine leere Fläche wird womöglich mit einer Farbe gefüllt, die du nicht gewählt hast. Manche Marktplätze verlangen außerdem Produktfotos auf reinem Weiß statt transparent, prüfe also die Regeln der jeweiligen Plattform.

So erstellst du ein transparentes PNG

Es gibt zwei Wege. Gestaltest du das Element selbst, etwa einen Titel, ein Logo oder ein Badge, baust du es ohne Hintergrund und exportierst mit eingeschalteter Transparenz. Startest du mit einem Foto, musst du zuerst den Hintergrund entfernen, von Hand oder mit einem Freistellungswerkzeug, und das ist eine andere, schwierigere Aufgabe. Die Schritte unten beschreiben den ersten Weg.

1. 1

   Gestalte in der Größe, die du brauchst

   Transparente Dateien werden oft später vergrößert, exportiere also größer als gedacht: Eine Wortmarke mit 2.000 px Breite oder mehr ist ein sicherer Start.

2. 2

   Lass den Hintergrund leer

   Blende jede Hintergrundebene aus oder lösche sie. Die meisten Tools zeigen Leere als grau-weißes Schachbrett.

3. 3

   Wähle PNG mit Transparenz

   Wähle im Exportdialog PNG und achte darauf, dass Transparenz oder ein durchsichtiger Hintergrund angehakt ist. JPG füllt die Fläche stillschweigend mit Weiß.

4. 4

   Beschneide die Ränder

   Schneide auf das Motiv mit etwas Luft zu, damit niemand beim Platzieren gegen unsichtbare Ränder kämpft.

5. 5

   Teste auf hell und dunkel

   Leg die Datei auf eine weiße und eine schwarze Seite. Achte auf helle Säume, fehlende Schatten und Text, der auf einer davon verschwindet.

Transparenter PNG Export in Gradiently

In Gradiently sitzt ein Design normalerweise auf seinem Mark, dem lebendigen Hintergrund hinter allem. Mit Pro kannst du stattdessen ein transparentes PNG exportieren: nur deine Elemente wie Text, Formen, Icons und Fotos auf durchsichtigem Hintergrund, ohne den Mark. Das ist die Datei für Partner, fürs Videoschnittprogramm oder für die Website. Pro exportiert für dieselben Zwecke auch SVG, und beides stammt aus demselben Design, das du mit vollem Hintergrund postest. Wie bei jedem Gradiently Export muss der Mark des Designs dir gehören. Bilder und Loops exportieren geht jedes Format durch, und für Logos auf Farbe siehe Logo auf Farbverlaufshintergrund.