Bild rund zuschneiden mit transparentem Hintergrund

Beim runden Zuschneiden legt das Werkzeug eine kreisförmige Maske über Ihr Bild. Alles innerhalb des Kreises bleibt sichtbar, alles außerhalb wird durchsichtig gemacht. Damit diese Transparenz erhalten bleibt, muss das Ergebnis als PNG gespeichert werden, denn nur dieses Format besitzt einen sogenannten Alphakanal. Der Alphakanal speichert zu jedem Bildpunkt zusätzlich, wie durchsichtig er ist. Die Ecken rund um den Kreis erhalten so den Wert vollständig transparent, während der Kreis selbst deckend bleibt. Ein JPG könnte diese Transparenz nicht abbilden und würde die Ecken mit einer festen Farbe füllen, meist Weiß. Deshalb ist PNG für runde Zuschnitte die einzig sinnvolle Wahl, wenn Ihr Motiv später auf farbigem oder gemustertem Hintergrund frei stehen soll.

Der transparente Hintergrund ist der eigentliche Vorteil eines runden Zuschnitts. Ohne ihn läge Ihr Kreis in einem rechteckigen Kasten, dessen Ecken in einer Farbe gefüllt wären und auf jedem andersfarbigen Hintergrund als störendes Viereck sichtbar würden. Mit echter Transparenz dagegen fügt sich das runde Bild nahtlos ein, egal ob es auf einer weißen Website, einer dunklen App-Oberfläche oder einem farbigen Banner erscheint. Das rundum durchsichtige PNG passt sich jedem Untergrund an, weil dort, wo keine Bildpunkte deckend sind, schlicht der Hintergrund durchscheint. Genau deshalb sind runde PNG-Zuschnitte so beliebt für Profilbilder, Team-Fotos und Logos. Sie sehen überall sauber aus und erfordern keine Anpassung an die jeweilige Hintergrundfarbe der Seite.

Damit ein rundes Bild gut wirkt, sollte das Motiv mittig in der kreisförmigen Maske sitzen. Bei Porträts platzieren Sie den Kreis so, dass das Gesicht zentriert ist und weder Kinn noch Stirn abgeschnitten werden. Sie verschieben den runden Auswahlbereich mit der Maus oder dem Finger und verändern seinen Durchmesser, bis der gewünschte Ausschnitt vollständig innerhalb der Form liegt. Bedenken Sie, dass die Ecken des ursprünglichen Rechtecks in jedem Fall wegfallen, ein runder Zuschnitt zeigt also weniger vom Bild als ein quadratischer. Lassen Sie deshalb etwas Abstand zum Rand des Motivs, damit nichts Wichtiges genau an der Kreiskante liegt. So bleibt Ihr Gesicht oder Logo vollständig sichtbar und wirkt harmonisch in die runde Form eingepasst.

Auch der runde Zuschnitt entfernt lediglich Bildinformationen, er fügt keine hinzu. Der Bereich außerhalb des Kreises wird transparent geschaltet, und die Auflösung des sichtbaren Motivs bleibt unverändert. Das Werkzeug kann ein Bild nicht schärfer oder größer rechnen, als es ursprünglich war. Starten Sie deshalb mit einem möglichst hoch aufgelösten Foto, damit Ihr runder Avatar auch in kleinerer Anzeige gestochen scharf bleibt. Ein sehr kleiner kreisförmiger Ausschnitt aus einem großen Bild bleibt scharf, weil genügend Bildpunkte vorhanden sind. Ein winziges Ausgangsbild dagegen liefert nach dem runden Zuschnitt nur wenige Pixel und kann bei großer Darstellung unscharf wirken. Die Qualität innerhalb des Kreises entspricht also immer genau der Qualität Ihres Originals an dieser Stelle.

Wie bei allen Funktionen bleibt auch der runde Zuschnitt vollständig auf Ihrem Gerät. Sobald Sie ein Bild auswählen, liest der Browser es ein und erzeugt die kreisförmige Maske mithilfe der HTML5-Canvas-Technik direkt vor Ort. Es findet kein Upload statt, und Ihr Foto wird zu keinem Zeitpunkt an einen Server gesendet. Das transparente PNG entsteht ausschließlich in Ihrem eigenen Browserfenster. Gerade bei persönlichen Avataren oder vertraulichen Logos ist dieser lokale Ablauf ein echter Vorteil, weil Ihre Bilder das Gerät nie verlassen. Nur das fertige runde PNG, das Sie am Ende bewusst herunterladen, wird als Datei gespeichert. Nach dem Schließen der Seite bleibt nichts zurück, denn die gesamte Verarbeitung geschah lokal in Ihrem Browser.