Image
Round Image Corners & Circle Crop
Soften a photo's corners or crop it to a perfect circle for an avatar. Nothing leaves your browser.
Square corners can look harsh on a UI card, a chat bubble, or a social post — and every profile picture on the web is a circle. This tool covers both with a single interactive preview: soften the corners of a rectangular photo with an adjustable radius, or crop it down to a circle you can drag into position over a face. Everything is drawn on an HTML Canvas element directly in your browser using native anti-aliasing, so curves stay smooth, never jagged. The result exports as a transparent PNG, ready to drop into a design or upload as an avatar.
Related Tools
How to Use
- 1
Drop in a photo — PNG, JPEG, or WebP — or click to browse.
- 2
Choose "Rounded Corners" to soften the four corners with a radius slider, or "Circle Crop" to cut the image to a circle.
- 3
In Circle Crop, drag the circle over the preview to center it on the part of the photo you want — most useful for non-square photos.
- 4
In Circle Crop, toggle "Output square canvas" on for a tight avatar-style crop, or off to keep the original photo dimensions with the circle positioned inside them.
- 5
Click "Export PNG" to download the result with a transparent background.
Frequently Asked Questions
What is the difference between Rounded Corners and Circle Crop?
Rounded Corners keeps the full rectangular image and softens its four corners with an adjustable radius — at 100% on a square image, this produces a perfect circle. Circle Crop cuts the image down to a circular selection you can reposition, which is the standard shape for avatars and profile pictures.
Can I reposition the circle to center a face?
Yes. If your photo is not square, drag the circle over the preview to slide it along the longer dimension until it frames the part of the photo you want.
What does "output square canvas" do?
When enabled, the exported PNG is cropped tightly to the circle's own dimensions — a square image with the circle filling it edge to edge, which is what most avatar uploaders expect. When disabled, the export keeps the original photo's full dimensions with the circular cutout positioned within it, and everything else transparent.
Why is the export always PNG?
Both rounded corners and circle crop rely on transparency to show the rounded or circular shape — JPG has no transparency channel, so it would fill the corners with a solid color instead. PNG is used automatically to preserve the cutout.
Will the circle or corner edge look jagged?
No. The edge is drawn using the Canvas API's built-in anti-aliasing, so curves are smooth rather than pixelated, the same as in professional image editors.
Is my photo uploaded to a server?
No. The rounding, cropping, and export all happen on an HTML Canvas element in your browser. Nothing is sent anywhere — open your browser's Network tab while using the tool to confirm.