Round the Corners of an Image
Give any image smooth, rounded corners with an adjustable radius. Perfect for avatars, cards, and app screenshots. The area outside the curve stays transparent, and the preview updates instantly as you drag.
Free preview · No signup · ~10 seconds
Drop an image here
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
Rounded corners that stay clean at any size
Any radius you like
A single control sets the corner radius, from a barely-there softening to a full pill or circle. The image is clipped to a rounded rectangle so every curve is crisp and even. All four corners share the same radius, which keeps the result balanced and consistent across a whole set of images.
Transparent outside the curve
The space beyond the rounded corners is left fully transparent, not filled with white. That means your image sits naturally on any page, card, or coloured background without a visible box around it. The download is a PNG, which is the format that preserves that transparency wherever you place the image.
Live preview as you drag
Move the radius control and the corners round in real time, shown next to the original so you can compare. There is no render button and no waiting. You can nudge the value up and down until the curve matches your buttons, cards, or avatar frame exactly before you commit to a download.
How the clipping works
The tool draws a rounded-rectangle path on an HTML canvas and clips your image to it, so pixels inside the curve are kept and everything outside is discarded to transparency. The edge is anti-aliased, which gives a smooth curve rather than a jagged staircase, even at large radius values on high-resolution images.
Rounded corners vs cropping
Cropping removes parts of the picture to change its shape or framing. Rounding corners keeps the whole image and only softens the four sharp corners. If you want the same rectangle with a gentler outline, round the corners. If you need to cut the image down or change its aspect ratio, use the crop tool instead.
How to round the corners of an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. Your file is processed in the browser and is not uploaded anywhere to preview.
Set the radius
Drag the corner-radius control and watch the curve update live next to the original until the corners look exactly the way you want.
Preview and download
Check the result, then download a PNG. The corners outside the curve stay transparent so the image drops onto any background cleanly.
Where rounded corners are expected
Avatars
Soften profile pictures for apps, forums, and team pages so they match a modern rounded style.
Cards and UI
Match image corners to your rounded card, tile, and button styles for a consistent interface.
App screenshots
Round device or screenshot corners to make a mockup look polished and intentional.
Thumbnails
Give a gallery or grid a soft, cohesive, contemporary look across every item.
Social tiles
Prepare rounded images for posts and stories where sharp corners feel dated.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — useful when the edit is easier to say than to find.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Make a Logo White in Figma (Vector, Raster, and the Component Case)
Three routes to a white logo in Figma — the Fill row, Selection colors across a whole lockup, and a Screen-blended rectangle for placed PNGs — plus why the exported white logo looks invisible when you check it.
Round your image corners
Set the radius and download with transparent corners.