Round Image Corners

Add rounded corners to any photo. Set the radius with a slider, pick transparent or colored background, and download a clean PNG. Everything happens in your browser.

Drag an image here, or click to browse

JPG, PNG, WebP supported

How to round image corners (four steps, maybe ten seconds)

Not complicated. Here's the whole thing.

1

Drop your image

Drag any JPG, PNG or WebP onto the tool. Or click to browse your files.

2

Set the radius

Use the slider to control how round the corners are. 0% is sharp, 50% on a square image gives you a circle.

3

Pick a background

Choose transparent (great for logos and overlays) or pick a solid color to fill the space outside the corners.

4

Download your PNG

Hit download. You get a full-resolution PNG with your rounded corners baked in.

Where rounded corners actually show up

App screenshots. Blog thumbnails. Profile pictures that are not quite circular but not square either. UI mockups, especially when you are showing off a design and want the screenshot to look polished rather than raw. Browser framed screenshots where the image needs to fit inside a rounded container.

If you have ever pasted a screenshot into a slide deck and thought “that looks harsh,” rounded corners are probably what you needed. It is a small change that makes a surprisingly large visual difference. Most modern UI design uses rounded corners everywhere, so images with sharp corners can feel out of place.

50% radius: the circle trick

On a square image, setting the radius to 50% creates a perfect circle. This is the same result as the circle crop tool, but with a different level of control. The circle crop tool gives you a fixed circle, while this tool lets you dial in any rounding amount from a subtle curve to a full circle.

On a rectangular image, 50% turns the shape into a pill or stadium shape. That can look interesting for buttons and labels, but it is probably not what you want for most photos.

Transparent vs colored background: which to use

Transparent works when you plan to place the image on top of something else, like a website background or a slide. The rounded corners will blend cleanly with whatever is behind them.

A solid color background (typically white or the same color as your page background) works when you need a JPG-compatible result or when the image will be displayed on a known background color. White is the safe default for most situations.

Other tools you might need

Circle CropAdd BorderCompress Image

Frequently asked questions

What is the radius slider measuring?+
The percentage of the shorter side of your image. At 0% you get sharp corners. At 12% (the default) you get a gentle rounding. At 50% on a square image you get a circle.
Why is the output always PNG?+
PNG supports transparency. If you choose a transparent background (no fill outside the rounded corners), the file needs to be PNG. JPG cannot store transparency so it is not an option here.
The corners look jagged. What can I do?+
This usually happens on small images. The rounding is calculated at the native pixel resolution so on a 100x100 image a 10% radius is only a 10 pixel curve which can look coarse. Start with a larger image for smoother results.
Can I add a border too?+
Not in this tool. The add border tool (separate page) handles borders. Use that after rounding the corners if you need both.
Does this work on GIFs?+
Only the first frame. GIF animation is not supported. For animated content you would need a dedicated GIF editor.