Wofür Abgerundete Ecken gedacht ist
Vier spitze Ecken stören? Ein Regler, und sie laufen rund – der Radius geht stufenlos bis zur Hälfte der Kante, der Hintergrund darf transparent bleiben oder wird mit Weiß oder einer eigenen Farbe gefüllt. Am Ende liegt eine PNG mit echten runden Ecken vor.
Bedienung
- 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.
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.
Einschränkungen
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.
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
Das Bild weiter bearbeiten: