Bild-Werkzeug / 23
Bild mit abgerundeten Ecken
Runde die Ecken jedes Bildes mit Plattform‑Voreinstellungen oder einem exakten Radius ab und lade ein transparentes PNG herunter.
Bild mit abgerundeten Ecken: TOEA beschneidet das Bild auf einer Zeichenfläche zu einem abgerundeten Rechteck, sodass die Ecken außerhalb des Pfads liegen und im PNG als vollständig transparente Pixel gespeichert werden. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Bildwerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Läuft vollständig in deinem Browser
PNG, JPG, WebP oder SVG · 1024 × 1024 oder größer funktioniert am besten
Wann CSS die bessere Lösung ist
Auf einer Website rundet border-radius in CSS ein Bild bei der Anzeige ab, behält die Datei in dem jeweils kleinsten Format und ermöglicht spätere Änderungen des Radius ohne erneuten Export. Fest eingearbeitete Ecken sind für Orte ohne CSS gedacht: Präsentationen, Dokumente, Marktplatzangebote, Social-Media-Beiträge und E-Mails, bei denen Outlooks Desktop-App border-radius ignoriert. Ein auf diese Weise als PNG gespeichertes Foto wird deutlich größer. PNG in WebP behält die transparenten Ecken bei einem Bruchteil der Dateigröße.
Nicht für Store-Symbole
Verwende kein bereits abgerundetes Bild als App-Symbol. iOS und Google Play legen ihre eigene Maske über ein vollständig quadratisches Bild. Vorab abgerundete Ecken hinterlassen daher transparente oder dunkle Streifen innerhalb der Systemform. Abgerundete Bilder eignen sich für Symbole, die wie gewöhnliche Bilder erscheinen – auf einer Website, in einer Präsentation oder in einem Entwurf. Für die Symbol-Dateien, die ein App-Projekt benötigt, exportiert der App-Symbol-Generator vollständig quadratische Bilder.
So benutzt du es
- Wähle ein Bild.
- Wähle eine Voreinstellung wie iOS‑App‑Icon oder lege deinen eigenen Radius fest.
- Lade das abgerundete PNG herunter.
Datenschutz & Einschränkungen
Das Bild wird lokal abgerundet und nie hochgeladen. Die Ausgabe ist immer PNG, denn JPG hat keinen Alphakanal, um die Ecken transparent zu halten.
Ähnliche Tools
Häufige Fragen
Welchen Radius sollte ich verwenden?
Die iOS‑App‑Icon‑Voreinstellung verwendet 22.37% der Breite, was optisch der Home‑Screen‑Maske entspricht; macOS verwendet 18.52%. Für UI‑Karten ist die dezente 6%‑Voreinstellung meist näher an dem, was du willst.
Sind die Ecken wirklich transparent?
Ja. Das Ergebnis ist ein PNG mit Alphakanal, sodass die Ecken zeigen, was dahinter liegt, statt als weißes Quadrat zu erscheinen.
Erzeugt das ein echtes Apple‑Squircle?
Nein. Es zeichnet ein abgerundetes Rechteck mit einem Kreisbogen, was bei typischen Größen sehr nah dran ist, aber nicht Apples Form mit kontinuierlicher Krümmung. iOS legt bei App‑Icons ohnehin seine eigene Maske an.
Kann ich ein nicht quadratisches Bild abrunden?
Ja. Der Radius wird an der kürzeren Seite gemessen und auf die Hälfte davon begrenzt, sodass ein breites Bild zur Pillenform abgerundet wird, statt zu brechen.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig