Bildecken abrunden: Radius pro Ecke mit Transparenz

Was sind abgerundete Ecken bei Bildern

Abgerundete Ecken ersetzen die scharfen 90-Grad-Ecken eines rechteckigen Bildes durch weiche Bögen und sorgen so für ein sanfteres, moderneres Erscheinungsbild. Der Radius bestimmt, wie stark die Abrundung ausfällt – von einer dezenten Weichzeichnung bis hin zu vollständig runden Kanten, die pillen- oder kreisförmige Bilder erzeugen.

Abgerundete Ecken sind ein grundlegendes Element modernen UI-Designs und werden vielfach bei App-Icons, Profilbildern, Karten-Layouts und Marketingmaterialien eingesetzt. Die Technik erfordert einen transparenten Export, da die abgeschnittenen Ecken den Hintergrund durchscheinen lassen müssen, auf dem das Bild platziert wird.

So funktioniert das Ecken-Abrunden-Werkzeug

Legen Sie den Eckenradius für jede Ecke einzeln fest und exportieren Sie mit transparentem Hintergrund.

• Bild hochladen – wählen Sie eine beliebige JPG-, PNG- oder WebP-Datei von Ihrem Gerät aus
• Eckenradius festlegen – setzen Sie mit dem Schieberegler einen einheitlichen Radius oder passen Sie jede Ecke einzeln für eine asymmetrische Abrundung an
• Als PNG herunterladen – das abgerundete Bild wird mit transparenten Ecken als PNG-Datei exportiert

Wann sich abgerundete Ecken lohnen

Abgerundete Ecken verbessern die optische Wirkung von Bildern in modernen digitalen Kontexten.

• App-Icon-Erstellung – runden Sie die Ecken einer Icon-Grafik ab, um den Icon-Vorgaben der Plattformen für die App-Stores von iOS und Android zu entsprechen
• UI-Kartenbilder – bereiten Sie Bilder für kartenbasierte Layouts vor, bei denen die abgerundeten Ecken zum Design des Karten-Containers passen und der unschöne Anblick eckiger Bilder in abgerundeten Containern vermieden wird
• Profilbilder – erstellen Sie abgerundete oder kreisförmige Profilbilder für Social Media, Foren und Messaging-Plattformen, die gepflegt und professionell wirken

Häufig gestellte Fragen

Warum ist die Ausgabe immer ein PNG?

Abgerundete Ecken erzeugen transparente Bereiche dort, wo zuvor die eckigen Ecken waren. JPEG unterstützt keine Transparenz, daher muss die Ausgabe ein PNG sein, um die transparenten Ecken zu erhalten. So sieht das Bild auf jeder Hintergrundfarbe korrekt aus.

Kann ich für jede Ecke einen anderen Radius festlegen?

Ja. Das Werkzeug unterstützt die Radiussteuerung pro Ecke. Sie können nur die oberen Ecken abrunden, um Tab-artige Formen zu erzeugen, oder unterschiedliche Radien für kreative, asymmetrische Designs verwenden. Ein einheitlicher Schieberegler stellt zur Vereinfachung alle vier Ecken gleichzeitig ein.

Welcher Radius erzeugt einen perfekten Kreis?

Wenn Sie den Radius auf die Hälfte der kürzesten Bildseite setzen, entsteht aus einem quadratischen Bild ein Kreis und aus einem rechteckigen Bild eine Pillenform. Bei einem Bild von 500 mal 500 Pixeln ergibt ein Radius von 250 einen perfekten Kreis.