Round Image Corners

How to use the round image corners

1. Choose an image.
2. Set the corner radius.
3. Download the PNG.

About this tool

Rounds the corners by clipping the image to a rounded rectangle. The corners become genuinely transparent rather than being painted over with a background colour, which is the difference between a result that works anywhere and one that only looks right on the background you had in mind.

That is why the output is PNG. JPEG has no alpha channel, so saving a rounded image as JPEG fills the corners with black — a common and very visible failure.

Setting the radius to half the shorter side gives a circle on a square image and a stadium shape on a rectangle. The slider is limited to that maximum, since going beyond it produces no further change.

Worth knowing before you round anything for the web: if the image is going into a page you control, CSS `border-radius` does the same job without modifying the file, keeps the original intact and adapts if the design changes. Rounding the file itself is for places where you cannot apply CSS — an email, a document, a platform that strips styling.

Common uses

• Rounding an avatar or logo for a document.
• Preparing an image for an email where CSS is unreliable.
• Making a circular crop of a square image.

Frequently asked questions

Why is the output a PNG?

Because the corners are transparent, and JPEG has no alpha channel — saving as JPEG would fill them with black.

How do I make a circle?

Set the radius to its maximum on a square image. On a rectangle the same setting gives a stadium shape.

Should I do this or use CSS?

CSS border-radius where you control the page — it leaves the file untouched and adapts to design changes. Round the file only where CSS is unavailable, such as email or documents.