Image Rounded Corners

About this tool

Round the corners of an image and download it as a PNG with the corners cut to transparency. Drag the slider from a subtle rounding up to a full pill or circle. The image is drawn to a canvas in your browser and never uploaded.

Why the radius is a percentage. A percentage of the shorter side scales with any image. 10% is a gentle rounding whether the image is 200px or 4000px; 50% always produces a fully rounded shape — a circle for a square image, a stadium/pill for a rectangle. A fixed pixel radius would look heavy on a small image and invisible on a large one.

Why the download is PNG, not JPEG. The area outside the rounded corners is made transparent. JPEG has no alpha channel, so saving as JPEG would fill those corners with a solid colour (usually black or white). PNG keeps the transparency, so the rounded image sits cleanly on any background. The file is larger than a JPEG of the same photo — that's the trade for transparency.

Where this is useful. Avatars and profile pictures, app icons, thumbnail grids, card images in a UI, and anywhere a hard rectangular edge looks unfinished. For a circular avatar, load a square crop and set the radius to 50%.

CSS vs. baked-in corners. If the image will only ever appear on a web page, you don't need this — border-radius in CSS rounds it at display time without changing the file, and adapts if the layout changes. Bake the corners into the file when you need them in a context without CSS: an email, a PDF, a slide deck, an image upload that gets re-displayed as-is, or an OG/social preview image. The border-radius generator covers the CSS approach.

Quality notes. The corner curve is anti-aliased, so it looks smooth rather than jagged. The rest of the image is copied at full resolution — there's no recompression of the interior. Very large images are capped in the preview for performance but exported at their real size.

To crop before rounding, use image crop; to change the file format afterward, use the image format converter.

Frequently asked questions

Why is the radius a percentage instead of pixels?

A percentage of the shorter side scales with any image size — 50% is always a fully rounded corner, whether the image is tiny or huge. A fixed pixel value only looks right at one size.

Why does the output have to be PNG?

The corners become transparent, and JPEG has no transparency. Exporting as JPEG would fill the corners with a solid colour instead.

Is my image uploaded anywhere?

No. It's processed on a canvas in your browser and never sent to a server.

How do I make a circular image?

Start from a square image (crop it square first if needed) and set the radius to 50%.

Should I use this or CSS border-radius?

Use CSS when the image only appears on a web page — it's non-destructive and adapts to layout. Bake the corners in for emails, PDFs, slides, and social preview images, where CSS doesn't apply.

Does it reduce image quality?

Only the corner curve is redrawn (anti-aliased for smoothness). The interior is copied at full resolution with no recompression.