FileToolHub

Round image corners or crop to a circle

Processed in your browser — never uploaded

Turn a square or rectangular photo into a circular profile picture, or soften its corners with a rounded-rectangle crop. Upload your image, pick circle or rounded, adjust the corner radius if needed, and download a transparent PNG — entirely in your browser using the Canvas API.

Circle crops for profile pictures

Most platforms display avatars in a circle, but they do that with CSS on their own site — the underlying file is still square. That is fine until you use the image somewhere that does not apply the same masking, such as an email signature, a slide deck, or a printed document, where the square edges suddenly reappear. Baking the circle into the file itself makes it display correctly everywhere.

Why the output is always PNG

Rounding corners or cropping to a circle creates genuinely transparent areas outside the shape. Only PNG among the common formats supports that transparency — saving as JPG would fill those corners with solid white, producing a white-cornered square that defeats the entire purpose. The file will be larger than a JPG equivalent, which is the unavoidable cost of having transparency at all.

Start from a square image for circles

The circle is inscribed in the shorter dimension of your image, so a landscape photo produces a circle that crops off the left and right edges, often cutting into the subject. For a profile picture, crop to a square first with the subject centred, then apply the circle. Doing it in that order gives you control over what survives rather than leaving it to the geometry.

Frequently asked questions

Why is the output always PNG?
Rounding or circle-cropping creates transparent areas outside the shape, and only PNG supports transparency — JPG would fill those areas with a solid colour instead.
Can I control how rounded the corners are?
Yes, for the rounded-rectangle option you can set the corner radius from 0% (square) to 50% (a full circle/oval).
Are my images uploaded to a server?
No, this happens locally in your browser using the Canvas API. Nothing is sent anywhere.
Why is my circle cutting off part of the photo?
The circle uses the shorter dimension, so non-square images lose their edges. Crop to a square with your subject centred first.
Can I get rounded corners rather than a full circle?
Yes, choose the rounded option and set the corner radius from 0 to 50 percent, where 50 percent produces a full circle or oval.

Related tools