PNG zuschneiden und die Transparenz behalten

Ein PNG kann einen sogenannten Alphakanal enthalten. Dieser zusätzliche Kanal speichert für jeden Bildpunkt, wie durchsichtig er ist, von vollständig deckend bis vollständig transparent. Genau deshalb lassen sich mit PNG Logos, Symbole oder freigestellte Motive ohne sichtbaren Hintergrund speichern. Beim Zuschneiden ist entscheidend, dass dieser Alphakanal erhalten bleibt. Manche Programme rechnen die Transparenz beim Export weg und legen stattdessen eine weiße Fläche unter das Bild, wodurch der mühsam freigestellte Effekt wieder verloren geht. Dieses Werkzeug behandelt den Alphakanal dagegen wie jeden anderen Bildinhalt und überträgt ihn unverändert in den zugeschnittenen Ausschnitt. Was vorher durchsichtig war, bleibt es auch danach, sodass Sie das Ergebnis nahtlos auf beliebige Hintergründe setzen können, ohne dass ein störender Kasten um das Motiv erscheint.

Auch beim transparenten PNG gilt der Grundsatz: Zuschneiden entfernt ausschließlich die Bildpunkte außerhalb des Rahmens. Der Bereich innerhalb des Rahmens bleibt Pixel für Pixel unverändert, inklusive seiner durchsichtigen Stellen. Das Werkzeug fügt keine neuen Details hinzu und verbessert die Qualität nicht, es verkleinert lediglich den sichtbaren Bildausschnitt. Das Ergebnis ist wieder ein PNG mit Alphakanal, nicht ein flach gerechnetes Bild mit weißem Grund. Dadurch eignet sich der Zuschnitt hervorragend, um ein Motiv enger einzurahmen, überflüssigen leeren Raum um ein Logo zu entfernen oder ein freigestelltes Objekt auf das Wesentliche zu reduzieren. Weil die Datei ihre Transparenz behält, können Sie sie anschließend ohne Nacharbeit über farbige Flächen, über Fotos oder über weiche Verläufe legen und weiterverwenden.

Damit die Transparenz erhalten bleibt, muss das Ergebnis als PNG gespeichert werden. Das Format JPG kennt keinen Alphakanal und kann Durchsichtigkeit grundsätzlich nicht abbilden. Würden Sie ein transparentes Bild als JPG exportieren, ersetzt das Format die durchsichtigen Bereiche zwangsläufig durch eine Volltonfarbe, meist Weiß oder Schwarz. Deshalb behält dieses Werkzeug bei einem transparenten PNG die PNG-Ausgabe bei, sodass der Alphakanal zuverlässig mitgespeichert wird. Wenn Sie also ein Logo oder ein freigestelltes Produktbild zuschneiden, achten Sie darauf, das Ergebnis nicht nachträglich in ein JPG umzuwandeln. Nur mit dem PNG-Format bleibt Ihr Motiv frei von einem sichtbaren Hintergrund und lässt sich flexibel in Präsentationen, auf Websites oder in Grafikprogrammen weiterverwenden, ganz ohne dass Sie den Hintergrund erneut freistellen müssen.

Der Zuschnitt findet vollständig lokal in Ihrem Browser statt. Sobald Sie das PNG auswählen, wird es auf Ihrem Gerät dekodiert und auf einer HTML5-Canvas-Fläche gezeichnet, die den Alphakanal von Haus aus unterstützt. Beim Zuschneiden kopiert der Browser den gewählten Ausschnitt samt aller Transparenzinformationen in eine neue Canvas und erzeugt daraus die fertige PNG-Datei. Zu keinem Zeitpunkt wird Ihr Bild an einen Server übertragen, weder das Original noch das Ergebnis. Gerade bei Logos, Markenzeichen oder unveröffentlichten Entwürfen ist das ein echter Vorteil, denn Ihre Dateien verlassen Ihren Rechner oder Ihr Smartphone nicht. Außerdem geht der Zuschnitt sehr schnell, weil keine Zeit für einen Upload und einen anschließenden Download verloren geht und die Verarbeitung direkt auf Ihrem Gerät passiert.

Nach demselben Prinzip funktioniert auch ein runder Zuschnitt. Wenn Sie ein Motiv kreisförmig ausschneiden, bleiben die Ecken außerhalb des Kreises leer, und diese leeren Ecken werden im Ergebnis transparent gespeichert, nicht weiß gefüllt. Auch hier ist die Ausgabe deshalb ein PNG mit Alphakanal. So erhalten Sie zum Beispiel ein rundes Profilbild oder ein kreisförmiges Icon, das sich sauber auf jeden farbigen Hintergrund setzen lässt. Prüfen Sie das fertige PNG am besten kurz vor einer farbigen Fläche, um sicherzugehen, dass die Transparenz wirklich erhalten geblieben ist. Zeigt sich dabei kein weißer Kasten um das Motiv, ist der Alphakanal korrekt gespeichert und die Datei bereit für den Einsatz in Ihrem Design, egal ob im Web, in einer App oder in einer Präsentation.

Ein weiterer Vorteil des transparenten Zuschnitts ist die Flexibilität für spätere Anpassungen. Weil der freigestellte Bereich durchsichtig bleibt, können Sie dasselbe PNG in ganz unterschiedlichen Kontexten einsetzen, ohne es jedes Mal neu bearbeiten zu müssen. Ein einmal sauber zugeschnittenes Logo passt so auf eine helle Kopfzeile ebenso wie auf einen dunklen Footer oder ein Foto. Achten Sie beim Zuschneiden nur darauf, keine wichtigen Kanten Ihres Motivs abzuschneiden, denn was einmal entfernt ist, lässt sich nicht wieder hinzufügen. Lassen Sie am Rand des Objekts lieber einen kleinen durchsichtigen Sicherheitsabstand, damit nichts unschön anstößt. So bleibt Ihre freigestellte Grafik vielseitig einsetzbar, und der Alphakanal sorgt dafür, dass sie sich in jedes Layout einfügt, ohne einen harten Rand zu zeigen.