Round the Corners of an Image, or Crop It to a Circle
Rounded corners or a circular crop, with genuinely transparent edges.
Drop a file here
or click to choose a file
Runs on your device Your file is processed by your own browser and is never uploaded to a server.
Short answer
An image can be given rounded corners or cropped to a circle in a browser, and the removed area becomes genuinely transparent rather than being painted a background colour. The result is saved as a PNG, which is the widely supported format that carries an alpha channel, so the rounded edge stays correct on any background it is later placed on.
At a glance
| Accepts | JPG, PNG, WebP, GIF, BMP |
|---|---|
| Produces | PNG with a transparent edge |
| Processing | In your browser |
| Price | Free, no limits |
| Account | Not required |
The trap with rounded corners is filling them in with whatever colour the page happened to be. It looks right in the mockup and wrong everywhere else — on a dark theme, in a document, over a photo. The corners here are removed, not covered, so the file is correct regardless of what ends up behind it.
The circle option squares the image first, so a landscape photo gives a real circle rather than an oval with its sides cut off. That is what an avatar, a team page portrait or a round app icon needs.
How to use it
- 1
Add the image
Drop in any common image file.
- 2
Choose rounded or circular
For rounded corners, pick how much of the corner to take off.
- 3
Download the PNG
The corners are transparent, so it sits correctly on any background.
Frequently asked questions
Why is the output always a PNG?
Because it is the only common format here that stores transparency and is accepted everywhere. Saving as JPEG would flatten the removed corners straight back onto a solid colour, undoing the whole point.
Will the corners look jagged?
No. The mask is drawn with anti-aliasing, so the curve has soft partial-transparency pixels along it rather than a stair-stepped edge.
Does the circle option distort the image?
No. It crops the largest square it can from the centre first and then masks a circle out of that, so nothing is stretched — the parts outside the square are cut away.
How large a radius should I use?
The radius is a proportion of the shorter side, not a pixel count, so the same setting looks the same at any resolution. Medium suits cards and thumbnails; maximum gives fully rounded ends, the shape used for pill-style buttons.