Über Abgerundete Ecken
Das Werkzeug schneidet ein Bild auf vier runde Ecken zu. Der Radius ist stufenlos einstellbar, der Hintergrund kann transparent bleiben oder mit Weiß oder einer eigenen Farbe gefüllt werden.
Anleitung
- Bild auswählen
- Radius mit dem Regler einstellen
- Füllung wählen und PNG herunterladen
Typische Anwendungen: Logos und Avatare mit weichen Ecken versehen, Produktbilder für Karten in einem Dokument vorbereiten, Ein vorhandenes Bild an das abgerundete Design einer Webseite anpassen.
Was das Werkzeug kann
- Stufenloser Eckradius bis zur Hälfte der Kante
- Transparent, weiß oder eigene Füllfarbe
- Vorschau live bei jeder Einstellung
- Download als PNG mit echten runden Ecken
Was geht, was nicht
Die Ecken werden über einen Pfad mit Bogensegmenten als Schnittmaske erzeugt. Der Radius wird auf maximal die halbe Kantenlänge begrenzt, damit der Schnitt mathematisch sauber bleibt. Es wird nur eine Kopie verändert.
Fragen und Antworten
Werden die Ecken wirklich abgeschnitten?
Ja, die Ecken außerhalb des Radius werden aus der Maske ausgeschnitten. Bei transparenter Füllung sind sie danach durchsichtig.
Was ist der Unterschied zur CSS-Border-Radius?
Hier wird das Bild selbst verändert. Sie erhalten eine Datei, die überall mit runden Ecken dargestellt wird, ohne dass eine Webseite das nachrüsten müsste.
Kann ich auch nur einzelne Ecken runden?
Derzeit werden alle vier Ecken gleichmäßig gerundet. Für unterschiedliche Radien hilft der SVG-Editor weiter.
Warum PNG?
PNG kann die durchsichtigen Ecken speichern. JPEG kennt keine Transparenz und würde sie schwarz füllen.
Diese Werkzeuge passen inhaltlich zu den abgerundeten Ecken: