Ecken eines Bildes abrunden

Runden Sie die Ecken eines oder mehrerer Bilder mit einem einstellbaren Radius ab und exportieren Sie ein PNG mit Transparenz.

Beispiel:

So funktioniert es

Möchten Sie ein Profilfoto oder ein Icon mit abgerundeten Ecken in eine Oberfläche einbinden, ohne für die Umsetzung auf CSS angewiesen zu sein (zum Beispiel für einen Export oder eine Weitergabe)? Stellen Sie den gewünschten Radius ein, und das Tool macht die Pixel außerhalb des abgerundeten Rechtecks transparent und erzeugt eine PNG-Datei.

Warum ist das Ergebnis immer im PNG-Format?

Abgerundete Ecken erfordern Transparenz (Alphakanal), um die entfernten Bereiche des Bildes zu maskieren, und nur das PNG-Format (unter den gängigen Formaten) unterstützt Transparenz nativ und zuverlässig. Deshalb ist die Ausgabedatei immer ein PNG, unabhängig vom ursprünglichen Format.

Was passiert bei einem sehr großen Radius?

Ein Radius, der größer als die Hälfte der Breite oder Höhe des Bildes ist, ergibt ein Ergebnis nahe einem Kreis oder einer Ellipse, da die vier abgerundeten Ecken sich schließlich in der Mitte treffen.

100% lokale Verarbeitung: Die Abrundung wird in Ihrem Browser über unser WebAssembly-Modul angewendet — Ihre Bilder werden niemals an einen Server gesendet.