Über dieses Tool
Ein Profilbild, ein App-Icon oder eine Produkt-Vorschau sehen mit abgerundeten Ecken oder als perfekter Kreis oft besser aus — normalerweise bedeutet das, einen vollständigen Bildeditor zu öffnen, nur um keine sichtbare Hintergrundfarbe zu hinterlassen. Dieses Tool schneidet ein hochgeladenes Bild direkt auf einem HTML-Canvas zu: Wählen Sie einen Eckenradius für das abgerundete Rechteck, in Pixeln oder als Prozentsatz der kürzeren Bildseite, entscheiden Sie, welche Ecken abgerundet werden, oder wechseln Sie in den Kreismodus, um ein zentriertes Quadrat aus dem Bild zuzuschneiden und es vollständig zu einem Kreis abzurunden. Die Live-Vorschau aktualisiert sich bei jeder Änderung, und der karierte Hintergrund zeigt genau, welche Bildteile am Ende transparent sind.
Die PNG-Ausgabe behält diese Transparenz vollständig bei — die abgerundeten Ecken oder alles außerhalb des Kreises sind wirklich durchsichtig statt mit Weiß oder Schwarz gefüllt, sodass das Ergebnis sauber auf jedem Hintergrund sitzt. Wird stattdessen ein JPEG benötigt, wählen Sie eine Hintergrundfarbe — sie füllt den weggeschnittenen Bereich, da JPEG keinen Alphakanal zum Speichern von Transparenz besitzt. Alles läuft lokal über die Canvas API — das Bild wird vollständig im Browser dekodiert, zugeschnitten und neu kodiert und niemals auf einen Server hochgeladen.
Häufige Fragen
Warum zeigt mein abgerundetes Bild einen weißen/schwarzen Hintergrund statt transparent?
Sie haben höchstwahrscheinlich JPEG-Ausgabe ausgewählt, die überhaupt keine Transparenzunterstützung hat — jeder Bereich außerhalb Ihrer abgerundeten Form wird stattdessen mit einer einfarbigen Hintergrundfarbe gefüllt (die Sie auswählen können). Wechseln Sie das Ausgabeformat zu PNG, um echte Transparenz außerhalb der abgerundeten/kreisförmigen Form zu erhalten.
Warum wurde im Kreismodus ein Teil meines breiten Fotos abgeschnitten?
Ein Kreis kann nur in ein QUADRAT eingeschrieben werden, daher schneidet der Kreismodus bei jedem nicht-quadratischen Foto zunächst auf ein zentriertes Quadrat zu, wobei die kürzere Seite von Breite/Höhe verwendet wird, und rundet dieses Quadrat dann zu einem Kreis ab — bei einem breiten Landschaftsfoto bedeutet dies, dass der linke und rechte Rand abgeschnitten werden. Wenn Sie einen bestimmten Teil eines breiten Fotos erhalten müssen, verwenden Sie zuerst das Bildzuschneide-Tool, um diesen quadratischen Bereich manuell auszuwählen, und führen Sie es dann durch dieses Tool.