Are my images uploaded to a server?

No. Every tool here decodes and re-encodes your file using your browser's own Canvas APIs. The image never leaves your device, which is also why it works offline once the page is loaded.

On a square image, a 50% radius produces a circle. On a rectangle it gives you fully rounded ends, like a pill shape.

Should I do this instead of CSS border-radius?

Only when you can't use CSS. CSS scales cleanly and adds no file weight, whereas a baked-in radius is fixed and forces PNG output.

Add Rounded Corners to Images

Drop an image here, or browse

Nothing is uploaded — the file stays in your browser.

Runs entirely in your browser. Nothing you paste is uploaded, logged, or stored.

How to use it

Choose an image.
Drag the radius slider — it shows the pixel radius as you go.
Round the corners and download the PNG.

What it does

Clips the image to a rounded rectangle so the corners become transparent. The radius is expressed as a percentage of the shorter edge, which means the same setting looks proportionally right whether the image is a small thumbnail or a full-width banner.

When you need this baked in

On the web, CSS border-radius is the better answer — it stays sharp at any size and costs nothing. Bake the corners into the file when CSS isn't available: slide decks, email templates, README images on GitHub, or app store screenshots.

FAQ

Are my images uploaded to a server?: No. Every tool here decodes and re-encodes your file using your browser's own Canvas APIs. The image never leaves your device, which is also why it works offline once the page is loaded.
What does 50% do?: On a square image, a 50% radius produces a circle. On a rectangle it gives you fully rounded ends, like a pill shape.
Should I do this instead of CSS border-radius?: Only when you can't use CSS. CSS scales cleanly and adds no file weight, whereas a baked-in radius is fixed and forces PNG output.

How to use it

What it does

When you need this baked in

FAQ

Other tools