Dieser Beitrag wurde mit KI-Unterstützung erstellt, fachlich geprüft und redaktionell freigegeben.AI GENERATED

Warum eine KI-Grafik transparent aussehen kann, ohne es zu sein

Du lässt eine KI ein Symbol, eine Illustration oder ein Produktmotiv erzeugen, das sich scheinbar sauber vom Hintergrund löst. Im Vorschaubild liegt ein Schachbrett dahinter. Oder die Fläche ist weiß und wirkt passend für deine Website. Doch beides beweist noch nicht, dass die exportierte Datei echte Transparenz enthält. Das Schachbrett kann Teil des Bildes sein – also aus ganz normalen, sichtbaren Pixeln bestehen. Ebenso kann eine weiße Fläche einfach weiß eingefärbt sein, statt durchsichtig zu werden.

Der Unterschied zeigt sich spätestens dann, wenn du das Motiv auf einer farbigen Website platzierst: Ein mitgeneriertes Schachbrett bleibt sichtbar, ein weißes Rechteck deckt den Seitenhintergrund ab, und eine tatsächlich transparente Fläche lässt die Farbe darunter durchscheinen. Gerade bei KI-Grafiken lohnt sich deshalb ein kurzer Dateicheck, bevor du sie einbaust. Die zentrale Frage lautet nicht bloß: „Sieht das Motiv freigestellt aus?“ Sondern: „Enthält die fertige Datei tatsächlich transparente oder teiltransparente Bereiche, und bleiben diese bei Export und Upload erhalten?“ Ein vorhandener Alphakanal allein genügt nicht: Seine Pixel können auch vollständig deckend sein.

Für die Entscheidung sind drei Dinge auseinanderzuhalten: was das KI-Bild ursprünglich enthält, was das Dateiformat grundsätzlich unterstützt und was dein konkreter Export tatsächlich liefert. PNG und WebP können Transparenz enthalten; JPEG kann das nicht.

Erster Schritt: die Ausgangsdatei statt nur die Vorschau prüfen

Beginne mit der Originaldatei, die du aus dem KI-Werkzeug heruntergeladen oder übernommen hast. Prüfe, ob du die Datei in einem Programm öffnen kannst, das transparente Bereiche sichtbar macht. Viele Bildeditoren stellen solche Bereiche mit einem Schachbrett dar. Das ist hilfreich, aber die Anzeige allein reicht nicht: Ein Schachbrett, das bereits in die Bildpixel eingerechnet wurde, sieht in einer Vorschau ähnlich aus wie die typische Editorfläche.

Ein einfacher Gegencheck ist, die Datei in einem Bildeditor auf eine deutlich farbige Fläche zu legen. Wähle dafür eine helle Farbe und danach eine dunkle. Bei einem echten Alphakanal scheint der gewählte Untergrund durch die freien Bereiche. Bleibt dort das grauweiße Muster oder ein weißes Feld sichtbar, ist der vermeintlich transparente Hintergrund vermutlich Bestandteil des Motivs. Die technische Dokumentation von MDN zu Bildformaten und Transparenz beschreibt die Alpha-Unterstützung von PNG und WebP. Ob deine konkrete Datei diese Transparenz enthält, prüfst du mit der beschriebenen Gegenprobe.

Wenn du nur eine Vorschau aus einem KI-Dienst hast, kontrolliere, ob tatsächlich eine Bilddatei zum Herunterladen angeboten wird und welches Format sie hat. Ein Vorschaubild auf einer Plattform muss nicht dieselben Eigenschaften haben wie der spätere Download. Falls die Ausgabe nur ein gerendertes Bild mit Schachbrett enthält, kannst du Transparenz nicht durch Umbenennen der Datei oder eine andere Endung erzeugen. Eine Formatkonvertierung kann vorhandene Bildinformationen anders speichern; sie ersetzt keine fehlenden transparenten Pixel.

Helle und dunkle Prüfflächen zeigen unterschiedliche Fehler

Lege das Motiv nicht nur auf eine weiße Fläche. Helle Hintergründe machen weiße Pixel oft unsichtbar, während dunkle Flächen sie als Rechteck oder helle Kontur offenlegen. Umgekehrt können dunkle Ränder auf schwarzem Grund verschwinden und auf hellem Grund deutlich werden. Zwei kontrastierende Prüfflächen helfen daher, Fehler zu erkennen, die auf dem späteren Seitenhintergrund zunächst kaum auffallen.

Sieh dir besonders die Umrisse an: Haare, feine Linien, halbtransparente Schatten, Rauch, Lichtschein und weiche Übergänge. Eine Kante kann im Bildprogramm glatt aussehen und auf einer anderen Farbe einen hellen oder dunklen Saum zeigen. Solche Halos entstehen nicht zwingend erst beim Website-Upload. Sie können bereits im KI-Ergebnis stecken oder beim Freistellen und Export auffallen. Prüfe die Kante deshalb in der Ausgangsdatei und erneut in der fertigen Variante, statt nur das Motiv in der Mitte zu beurteilen.

Wenn ein Motiv auf hellem Hintergrund sauber, auf dunklem aber mit hellem Rand erscheint, kann das für einen ungünstigen Übergang an den Kanten sprechen. Das bedeutet nicht automatisch, dass das Format falsch ist. Ändere nicht wahllos Dateitypen, bevor du die Quelle des Rands gefunden hast: Ein JPEG kann einen nicht transparenten Hintergrund erklären, während ein heller Saum auch in einer Datei mit Alpha-Kanal sichtbar sein kann. Entscheidend ist, was die Pixel am Rand und in den freien Flächen tatsächlich zeigen.

PNG, WebP oder JPEG: die praktische Entscheidung

PNG ist eine naheliegende Wahl, wenn du echte Transparenz brauchst und Kanten möglichst unverändert erhalten möchtest. PNG unterstützt vollständige Alpha-Transparenz und speichert verlustfrei. Das ist nützlich für freigestellte Symbole, klare Illustrationen, Schriftzüge als Bild oder Grafiken mit scharfen Konturen. Der Nachteil in der Praxis: Die resultierende Datei kann größer ausfallen als eine stärker komprimierte Alternative. Entscheide deshalb nicht allein nach dem Dateinamen, sondern prüfe die konkrete Größe und die sichtbare Qualität.

WebP kann ebenfalls Transparenz enthalten und sowohl verlustbehaftet als auch verlustfrei gespeichert werden. Dadurch kann es für Webgrafiken eine passende Option sein, wenn du Dateigröße und Darstellung gemeinsam abwägst. Die WebP-Dokumentation von Google beschreibt beide Kompressionsarten sowie die Unterstützung von Alpha.

Auch die Dateigröße ist kein Automatismus. WebP kann bei einer Umwandlung aus einer anderen verlustbehafteten Datei oder bei einem Wechsel der Kompressionsart größer werden. Vergleiche darum das fertige WebP mit der fertigen PNG-Datei: gleiche Abmessungen, gleiche Motivversion, anschließend Bytegröße und sichtbares Ergebnis prüfen. Wenn du bei verlustbehafteter Kompression die Qualität reduzierst, achte auf störende Veränderungen an feinen Kanten, Verläufen und halbtransparenten Bereichen. Eine kleinere Datei ist nur dann ein sinnvoller Tausch, wenn das Motiv auf deiner Seite noch sauber aussieht.

JPEG hat keinen Alphakanal. Das Format ist deshalb keine passende Ausgabe, wenn das Motiv auf unterschiedlichen Website-Hintergründen freigestellt erscheinen soll. Es kann für ein Foto sinnvoll sein, bei dem der Hintergrund fest zum Bild gehört. Wenn du eine transparente KI-Grafik als JPEG speicherst, wird der freie Bereich nicht transparent bleiben: Du brauchst dann einen festen Hintergrund, der in die Bildfläche eingebettet wird. Das kann für ein bewusst gestaltetes Motiv funktionieren, aber nicht für ein Objekt, das über wechselnden Seitenfarben schweben soll.

Die technische Übersicht von MDN beschreibt PNG als verlustfreies Format mit Alpha-Transparenz, WebP als Format mit Transparenz und verlustbehafteter oder verlustfreier Kompression sowie JPEG als Format ohne Alphakanal. Für deine Auswahl heißt das: Erst festlegen, ob Transparenz wirklich benötigt wird; dann ein unterstützendes Format wählen; anschließend das konkrete Ergebnis kontrollieren.

Eine Entscheidungshilfe nach Motivtyp

Bei einem klaren Logo, einem einfachen Symbol oder einer Illustration mit harten Konturen ist PNG ein unkomplizierter Ausgangspunkt, wenn die Datei transparent sein muss. Wenn eine kleinere Webdatei wichtig ist, kann WebP eine Alternative sein – aber nur nach dem Vergleich der exportierten Varianten. Bei einem fotorealistischen KI-Motiv mit festem Hintergrund kann JPEG infrage kommen, sofern du keine freien Bereiche benötigst. Bei weichen Schatten oder halbtransparenten Effekten solltest du besonders sorgfältig auf die Kanten und Übergänge achten. Das passende Format hängt also nicht allein davon ab, dass das Bild KI-generiert wurde, sondern davon, welche Bildteile transparent sein sollen und wie das fertige Motiv aussieht.

Varianten fair vergleichen: gleiche Maße, gleiche Bedingungen

Wenn du PNG und WebP gegeneinander abwägst, exportiere möglichst Varianten desselben Ausgangsmotivs mit identischen Abmessungen. Sonst vergleichst du nicht nur Formate, sondern auch unterschiedliche Bildgrößen. Notiere oder kontrolliere die Dateigröße und lege beide Dateien auf dieselben hellen und dunklen Prüfflächen. Schau dabei auf die transparenten Bereiche, auf die Kanten und auf feine Details. Erst dann kannst du beurteilen, ob die kleinere Variante für deinen Einsatzzweck ausreichend sauber wirkt.

Wenn du ein Werkzeug für Größen- und Formatvarianten einsetzen möchtest, nennt die veröffentlichte Beschreibung des AdSimple Image Resizers das Zuschneiden, Verkleinern und Komprimieren als WebP, JPEG oder PNG, einzeln oder gesammelt als ZIP. Dort sind außerdem Eingabeformate, eine Ausgabeformatwahl und ein Qualitätsregler beschrieben. Das ist eine Beschreibung veröffentlichter Funktionen, kein Nachweis dafür, dass jede konkrete Konvertierung Transparenz erhält. Die Angebotsbeschreibung belegt keine KI-Freistellfunktion. Öffne deshalb die Ergebnisdatei anschließend und prüfe sie selbst auf den benötigten Alphakanal, die Kanten und die Darstellung.

Ein Qualitätsregler ist kein Grund, automatisch den niedrigsten Wert zu wählen. Bei einer Illustration mit feinen Konturen können sichtbare Artefakte störender sein als ein kleiner Unterschied in der Dateigröße. Umgekehrt kann eine verlustfreie Variante für manche Motive mehr Daten enthalten, als dein konkreter Webeinsatz benötigt. Es gibt hier keinen allgemeinen Prozentwert, der für alle Bilder gilt. Das Ergebnis hängt von Motiv, Abmessungen, Kompressionsart und Ausgangsdatei ab.

Nach dem Upload nochmals prüfen

Eine Datei, die lokal korrekt aussieht, ist noch nicht automatisch identisch mit dem Bild, das deine Website ausliefert. Nach dem Upload kann ein Content-Management-System oder ein Bilddienst Varianten erzeugen. Es kann außerdem sein, dass du versehentlich eine andere Datei eingebunden hast als die geprüfte. Öffne deshalb das veröffentlichte Motiv auf der tatsächlichen Seite und prüfe es dort erneut auf hellem und dunklem Hintergrund – sofern du diese Hintergründe auf deiner Website vergleichen kannst.

Kontrolliere außerdem die konkrete Datei, die im Seitenkontext verwendet wird, nicht nur das Original im eigenen Ordner. Wenn das Motiv in einer Bildkomponente oder in einem umgebenden Block liegt, kann dessen Hintergrund den Eindruck beeinflussen. Ein weißes Feld hinter der Grafik kann entweder in der Datei stecken oder durch das Seitenelement entstehen. Vergleiche die lokal geprüfte Datei mit der veröffentlichten Darstellung und suche die Ursache, bevor du das Bild neu exportierst.

Bei einem sichtbaren Schachbrett nach dem Upload ist die Frage besonders einfach zu stellen: War das Muster schon in den Bildpixeln enthalten, oder zeigt ein Editor beziehungsweise die Website es als transparente Fläche an? Öffne die Datei direkt in einem geeigneten Bildprogramm und lege sie auf eine kontrastierende Fläche. So trennst du die Editoranzeige von den tatsächlichen Bildinhalten. Eine Vorschau allein kann diese Unterscheidung verschleiern.

Beispiel: ein österreichischer Online-Shop

Stell dir einen kleinen österreichischen Online-Shop vor, der ein KI-erzeugtes Produktmotiv für helle und dunkle Produktseiten vorbereitet. Das ist ein hypothetisches Beispiel, kein Bericht über einen Kundenauftrag. Die zuständige Person prüft zuerst die heruntergeladene Originaldatei auf beiden Seitenfarben. Danach exportiert sie PNG und WebP mit denselben Abmessungen und vergleicht freie Bereiche, Schatten und Kanten. In der Seitenvorschau kontrolliert sie schließlich die tatsächlich ausgelieferte Variante. Ist dort ein weißes Rechteck sichtbar, vergleicht sie Datei und Hintergrund des Seitenelements, bevor sie neu exportiert. Für die Freigabe hält sie fest, welche Original-, Export- und Website-Version geprüft wurde. So bleibt nachvollziehbar, an welcher Stelle eine Veränderung entstanden ist.

Kurze Checkliste vor der Veröffentlichung

  • Hast du die tatsächliche Ausgangsdatei geprüft und nicht nur eine Vorschau betrachtet?
  • Zeigt der vermeintlich freie Bereich auf einer farbigen Fläche wirklich den Untergrund?
  • Bleiben auf heller und dunkler Prüffläche Schachbrettmuster, weiße Rechtecke oder unerwünschte Halos sichtbar?
  • Brauchst du für dieses Motiv wirklich Transparenz? Falls ja, verwendest du PNG oder WebP statt JPEG?
  • Hast du PNG und WebP bei gleichen Abmessungen verglichen und dabei Dateigröße und sichtbare Qualität betrachtet?
  • Hast du die exportierte Ergebnisdatei erneut geöffnet und den Alphakanal kontrolliert?
  • Hast du nach dem Website-Upload die tatsächlich veröffentlichte Variante geprüft?

Wenn du bei einem Punkt unsicher bist, veröffentliche nicht allein aufgrund der Endung. Gehe zum letzten Schritt zurück, den du nachvollziehen kannst: Ausgangsdatei, Export oder Website-Variante. So findest du eher, an welcher Stelle Hintergrund, Kanten oder Transparenz verändert wurden.

Transparenz im Bild ist nicht dasselbe wie Herkunft oder Kennzeichnung

Ein Alphakanal beantwortet eine technische Frage: Welche Bereiche des Bildes lassen den Hintergrund durchscheinen? Er sagt nicht, wie das Motiv entstanden ist, und ersetzt keine redaktionelle Entscheidung über den Umgang mit KI-Inhalten. Auch PNG oder WebP geben für sich genommen keine Garantie, dass Herkunftsinformationen vorhanden oder erhalten sind. Der C2PA-Explainer hält fest, dass Provenienzmetadaten entfernt werden können. Herkunftsangaben allein beweisen außerdem nicht, dass der Bildinhalt wahr oder korrekt ist.

Wenn du nachvollziehen möchtest, wie Bildherkunft und Website-Abläufe zusammenhängen, findest du dazu den Prüfpfad für KI-Bilder in WordPress. Weitere Hinweise zum praktischen Umgang mit KI-Bildern auf Websites findest du im Beitrag zu Zuschnitt, Alt-Text und Kennzeichnung. Hier bleibt der Schwerpunkt bewusst enger: Eine Grafik kann technisch transparent sein, während Herkunft und redaktionelle Kennzeichnung getrennte Aufgaben bleiben. Leite keine Kennzeichnungspflicht allein aus dem Dateiformat oder dem Alphakanal ab.

Fazit: erst Transparenz belegen, dann das Format festlegen

Bei KI-Grafiken ist „sieht freigestellt aus“ kein sicherer Dateicheck. Prüfe die Originaldatei auf einer hellen und einer dunklen Fläche, achte auf Schachbrettmuster, weiße Felder und Halos und kontrolliere nach dem Export erneut. PNG ist eine solide Wahl, wenn verlustfreie Speicherung und Transparenz gefragt sind. WebP kann Transparenz ebenfalls unterstützen und eine passende Alternative sein, sollte aber anhand der fertigen Datei beurteilt werden. JPEG eignet sich nur dann, wenn ein fester Hintergrund in Ordnung ist und du keinen Alphakanal brauchst.

Vergleiche Varianten bei gleichen Abmessungen und beurteile sowohl Dateigröße als auch sichtbare Qualität. Prüfe schließlich die Version, die tatsächlich auf deiner Website erscheint. Für das Erstellen unterschiedlicher Größen- und Formatvarianten kannst du den AdSimple Image Resizer als möglichen Arbeitsschritt nutzen; daraus folgt jedoch keine Garantie für den Erhalt von Transparenz. Entscheidend bleibt die Kontrolle der exportierten und veröffentlichten Datei.