TutuEdit

Round the corners of an image

Radius 0–500 px, non-destructive. Local processing, nothing uploaded.

Draw a rounded rectangle, put the image on the layer above, press Ctrl+Alt+G — done.

Three steps. Draw a rectangle with the rectangle tool and set Corner in the properties panel on the right to the value you want — 0 to 500 pixels, typed in directly or scrubbed by dragging the label sideways. Move the image to the layer above that rectangle. Press Ctrl+Alt+G (⌥⌘G on a Mac) and the image is clipped to the rounded shape; the layer panel's right-click menu has "Create clipping mask" too. There is no one-click round-corner button here, and those two extra steps buy you two things: a radius exact to the pixel, and non-destructive editing — a clipping mask only covers, not a pixel is lost, and pressing Ctrl+Alt+G again releases it. Exported PNGs are transparent outside the rounded corners, so they drop onto any background without a white fringe. It all runs in your own browser; the image is never uploaded.

Key features

Radius exact to the pixel

Corner 0–500 px, typed in directly or scrubbed by dragging the label.

Non-destructive

A clipping mask only covers: not a pixel is lost, and Ctrl+Alt+G again releases it.

Transparent corners on export

Save as PNG and the area outside the corners is transparent — no white fringe on other backgrounds.

Runs locally

The image is never uploaded. Close the tab and nothing is left.

How to use

  1. 1
    Draw a rounded rectangle
    Use the rectangle tool, then set Corner in the properties panel (0–500 px).
  2. 2
    Image on the layer above
    Move the image above that rectangle — layer order matters.
  3. 3
    Press Ctrl+Alt+G
    ⌥⌘G on a Mac. Or right-click in the layer panel and pick "Create clipping mask".
  4. 4
    Export PNG
    Outside the corners is transparent — ready to use as is.

FAQ

Is there a one-click round-corner button?
No. It takes three steps: draw a rounded rectangle, put the image on the layer above it, press Ctrl+Alt+G (⌥⌘G on a Mac). Those two extra steps buy you a radius exact to the pixel and the ability to release it at any time.
How do I make a circular avatar?
Set the corner radius to half the side length and it becomes a circle. Or draw the mask with the ellipse tool instead — hold Shift while drawing to keep it a true circle — then press Ctrl+Alt+G.
Are the corners actually cut off?
No. A clipping mask is non-destructive: not a pixel of the image is lost, it is only covered. Press Ctrl+Alt+G again and the square corners are back. Exported PNGs are transparent outside the rounded corners.
Is it free? Is my image uploaded?
Free, no sign-up, no usage limit. Nothing is uploaded either — it all runs in your own browser.

Try Round the corners of an image now

Runs fully in your browser · no install · no signup · images never uploaded