# PNG mit transparentem Hintergrund: wann du es brauchst und wie

[Canonical HTML page](https://gradiently.design/de/guide/transparent-background)

Ein transparentes PNG ist die Datei, zu der du greifst, wenn ein Logo oder Titel auf etwas sitzen muss, das du nicht gestaltet hast. Es ist auch die Datei, die Leute nehmen, wenn sie es besser nicht täten.

## The short version

- Ein PNG mit transparentem Hintergrund speichert einen Alphakanal, sodass jedes Pixel ganz durchsichtig, deckend oder irgendetwas dazwischen sein kann.
- Transparente PNGs eignen sich für Logos, Titel, Sticker und Overlays, die auf Hintergründen landen, die du nicht kontrollierst, etwa Videos, Folien und Websites.
- JPG kann keine Transparenz speichern, deshalb trägt ein JPG eines Logos immer eine deckende Fläche dahinter.
- Die meisten Social Posts solltest du mit vollem Hintergrund exportieren, nicht als transparente Dateien.
- Prüfe einen transparenten Export auf hellem und auf dunklem Hintergrund, denn helle Säume und schwache Schatten zeigen sich nur auf einem davon.

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.

| Format | Transparenz | Am besten für |
| --- | --- | --- |
| PNG | Voller Alphakanal, weiche Kanten | Logos, Titel, Sticker, Overlays |
| JPG | Keine | Fotos und fertige Designs mit Hintergrund |
| SVG | Ja, als Vektor | Logos und Icons auf Websites, beliebig skalierbar |
| WebP | Voller Alphakanal | Webbilder, bei denen die Dateigröße zählt |
| GIF | Nur an oder aus, harte Kanten | Einfache Animationen |
| MP4 | Im üblichen Gebrauch keine | Video mit eigenem Hintergrund |

Welche Formate einen leeren Hintergrund tragen können. GIF Transparenz ist alles oder nichts, weiche Kanten wirken daher gezackt; PNG und WebP halten sie glatt.

Einen genaueren Vergleich der zwei häufigsten Formate findest du unter [PNG oder JPG](https://gradiently.design/de/guide/png-vs-jpeg), und für Logos auf Websites erklärt [SVG oder PNG](https://gradiently.design/de/guide/svg-vs-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](https://gradiently.design/de/guide/logo-variations), 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.

Ein breites Banner mit der Wortmarke Northfield über einem Farbverlaufshintergrund

Das ganze Design: Wortmarke und Hintergrund zusammen, richtig für ein Banner oder einen Post.

Dieselbe Wortmarke Northfield auf einem anders gefärbten Hintergrund, wie es ein transparentes PNG erlaubt

Transparent exportiert kann dieselbe Wortmarke stattdessen auf dem Hintergrund eines Partners sitzen. Hier landet sie auf einer anderen Farbfläche.

## 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.

### Transparent exportieren

- Ein Logo für Partner und Presse
- Ein Titel, der über Video liegt
- Ein Sticker oder Badge für Fotos
- Ein Icon für einen farbigen Webabschnitt
- Ein Motiv für Print on Demand

### Mit Hintergrund exportieren

- Posts für Instagram, LinkedIn und Facebook
- Stories, Reels Cover und Thumbnails
- Poster, Flyer und Speisekarten
- E-Mail-Header
- Alles, was genau so aussehen soll wie gestaltet

## 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. **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. **Lass den Hintergrund leer** Blende jede Hintergrundebene aus oder lösche sie. Die meisten Tools zeigen Leere als grau-weißes Schachbrett.
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. **Beschneide die Ränder** Schneide auf das Motiv mit etwas Luft zu, damit niemand beim Platzieren gegen unsichtbare Ränder kämpft.
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.

- Test auf Weiß: #ffffff
- Test auf Mittelgrau: #808080
- Test auf Fast Schwarz: #111111
- Test auf Markenfarbe: #2563eb

Vier Hintergründe, an denen du jeden transparenten Export prüfst. Ein heller Saum zeigt sich auf Schwarz, ein dunkler Schatten verschwindet darauf, weißes Motiv verschwindet auf Weiß.

> **Das Problem mit dem weißen Saum** Wurde ein Motiv einmal auf Weiß gezeichnet, können seine weichen Kanten einen dünnen hellen Saum behalten, der auf dunklem Hintergrund auffällt. Exportiere aus den Originalebenen ohne Hintergrund, statt Weiß aus einem reduzierten Bild zu radieren.

## 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](https://gradiently.design/de/guide/export-images-and-loops) geht jedes Format durch, und für Logos auf Farbe siehe [Logo auf Farbverlaufshintergrund](https://gradiently.design/de/guide/logo-on-gradient-background).

## FAQ

### Kann ein JPG einen transparenten Hintergrund haben?

Nein. JPG hat keinen Alphakanal, also wird jede leere Fläche mit einer deckenden Farbe gefüllt, meist Weiß. Nimm stattdessen PNG, WebP oder SVG.

### Warum hat mein transparentes PNG einen weißen Hintergrund?

Entweder war Transparenz beim Export nicht aktiviert, oder die App, in der du es öffnest, zeigt leere Flächen weiß an. Leg es zum Prüfen auf einen dunklen Hintergrund.

### Sollte ich transparente PNGs auf Instagram hochladen?

Nein. Exportiere Posts und Stories mit vollem Hintergrund, denn die Plattform behält keine Transparenz und füllt leere Flächen womöglich mit eigener Farbe.

### Was ist besser für ein Logo, transparentes PNG oder SVG?

SVG für Websites und alles, was skaliert wird, weil es in jeder Größe scharf bleibt. Transparentes PNG für Apps, Videoschnitt und Leute, die kein SVG öffnen können.

### Wie groß sollte ein transparentes Logo PNG sein?

Größer, als du zu brauchen glaubst, mindestens 2.000 Pixel breit für eine Wortmarke, damit andere es verkleinern können, ohne dass es weich wird.