Mit transparenten Hintergründen arbeiten
Exportiere und verwende Bilder mit transparentem Hintergrund korrekt über verschiedene Dateiformate und Plattformen hinweg.
Learning Objectives
- 1Einen Freisteller als PNG- oder WebP-Datei mit intaktem Alphakanal exportieren
- 2Verstehen, welche Dateiformate Transparenz unterstützen und welche nicht
- 3Häufige Transparenzprobleme wie weiße Lichthöfe und reduzierte Alphakanäle beheben
Wann transparente Hintergründe zu verwenden sind
Nach dem Entfernen des Hintergrunds musst du das Motiv oft mit erhaltener Transparenz exportieren, damit es in andere Designs eingefügt oder auf jede farbige Oberfläche gesetzt werden kann. PNG ist das am weitesten verbreitete Format für Transparenz und speichert einen vollständigen Alphakanal neben den RGB-Farbdaten. WebP unterstützt ebenfalls Alpha-Transparenz bei kleineren Dateigrößen, was es ideal für die Webnutzung macht. JPEG unterstützt überhaupt keine Transparenz und füllt transparente Bereiche mit einer Volltonfarbe, typischerweise weiß, vermeide also JPEG, wenn du einen transparenten Export benötigst.
Mit Alphakanälen exportieren
Wähle beim Exportieren aus Magic Eraser das PNG- oder WebP-Format und stelle sicher, dass der Transparenzschalter aktiviert ist. Zeige eine Vorschau des Exports an, indem du die Arbeitsfläche auf ein Schachbrettmuster umstellst, das transparente Bereiche darstellt. Prüfe, ob das Schachbrett überall dort erscheint, wo der Hintergrund entfernt wurde, und dass keine undurchsichtigen Reste verbleiben. Wenn du einen dünnen weißen oder farbigen Umriss rund um dein Motiv siehst, kehre zum Schritt der Kantenverfeinerung zurück und wende eine Dekontamination an, bevor du erneut exportierst.
Motive auf neue Hintergründe setzen
Ein häufiges Ärgernis ist das Öffnen eines transparenten PNG in Software, die den Alphakanal nicht berücksichtigt, wodurch der Hintergrund weiß oder schwarz erscheint. Das ist ein Anzeigeproblem, kein Dateiproblem. Überprüfe die Transparenz, indem du die Datei in ein Designtool wie Figma oder Canva ziehst und sie über ein farbiges Rechteck legst. Wenn der Hintergrund durchscheint, ist deine Datei korrekt. Für Webentwickler gilt: Stelle sicher, dass das CSS hinter dem Bild keine Hintergrundfarbe anwendet, die den beabsichtigten Transparenzeffekt verdeckt.
Key Takeaways
- ✓PNG und WebP unterstützen Alpha-Transparenz; JPEG nicht
- ✓Nutze die Schachbrettvorschau, um transparente Bereiche vor dem Exportieren zu bestätigen
- ✓Weiße Hintergründe bei transparenten PNGs sind meist ein Anzeigeproblem, kein Dateifehler