Rounded corners

Round the Corners of an Image

Soften any photo with smooth rounded corners — set the radius and keep the corners transparent — free and right in your browser.

Bild zum Einrahmen ablegen

Ziehen & Ablegen, Einfügen oder Datei auswählen

PNG · JPG · WebP · GIF · BMP — Rahmen auf deinem Gerät

Smooth radiusKeeps transparencyNo sign-up PNG · JPG · WebP · GIF · BMP

Why round an image's corners?

Rounded corners are everywhere in modern design — app icons, cards, avatars, thumbnails, UI mockups. Softening the sharp 90° corners of a photo makes it feel friendlier and more polished, and it helps an image sit comfortably inside rounded buttons, cards, and containers.

This tool rounds all four corners by the radius you choose, set as a percentage so it scales with the image. With a PNG or WebP output, the area outside the rounded corners is kept fully transparent, so the image drops onto any background cleanly. Choose a solid background colour instead if you'd rather fill the corners.

How to round the corners of an image

  1. Open your image. Drag it onto the tool, choose a file, or paste it.
  2. Set the radius. Drag the rounded-corners slider until the curve looks right. Keep the border at zero for corners only, or add a border too.
  3. Keep it transparent and download. Leave the background transparent (PNG/WebP) so the corners cut out cleanly, then click Download.

Keep a transparent output

For rounded corners to actually cut out, export as PNG or WebP with the background set to Transparent. If you export as JPG — which can't store transparency — the corners are filled with your chosen background colour instead.

Abgerundete Ecken : was es ist & die Regler

Die vier scharfen 90°-Ecken des Fotos durch eine weiche Rundung ersetzt — ohne Farbband nötig.

Radius
Ein Prozentsatz der kürzeren Kante (0–50%), bei der Hälfte begrenzt, damit es nicht überrundet; im Maximum wird ein quadratisches Bild zu einem Kreis/einer Pille.
Rahmen (optional)
Die Breite auf 0 lassen für nur die Ecken; zusätzlich einen Rahmen hinzufügen, und sowohl der äußere Rahmen als auch das Foto runden sich gemeinsam, wobei die innere Kurve konzentrisch bleibt.
Transparenz
Als PNG oder WebP mit auf Transparent gesetztem Hintergrund exportieren, damit der Bereich außerhalb der Kurve wirklich ausgeschnitten wird; JPG kann kein Alpha speichern und füllt ihn mit einer Farbe.

Wann man es einsetzt

  • App-Symbole, Avatare und Karten-Miniaturen
  • Bilder, die in abgerundeten UI-Schaltflächen oder -Containern sitzen
  • Ein weicheres, freundlicheres Gefühl als harte Ecken
  • Mockups und Design-Assets, die eine ausgeschnittene Form brauchen

Tipp

Abgerundete Ecken sehen nur auf transparentem Hintergrund rund aus — als PNG oder WebP mit aktiviertem Transparent exportieren, sonst werden die Ecken mit der Hintergrundfarbe gefüllt, über die Sie exportiert haben.

More borders & frames

Häufig gestellte Fragen

How do I round just the corners, without a border?

Set the border width to zero and drag the rounded-corners slider. Only the corners are rounded; no frame is added.

Will the corners be transparent?

Yes, if you export as PNG or WebP with the background set to Transparent. JPG can't store transparency, so it fills the corners with a colour instead.

Can I round corners and add a border at the same time?

Yes. Add a border and a radius together — the outer frame and the photo are both rounded, with the curves kept concentric.

Where is my image processed?

The border is added in your browser, so the new file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.

Weitere Bildwerkzeuge