- Home
- Circle Crop an Image
Circle Crop an Image
Cut a photo into a perfect circle with a transparent surround — the shape avatars, team pages and badges expect.
Free preview · No signup · ~10 seconds
Drop a photo or portrait
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
What a circle crop actually does to a photo
A square is taken first
The circle is cut from a centred square, not from the full frame. That is what makes it a circle rather than an ellipse: crop a 16:9 photo to an oval and it reads as a mistake in every round container it lands in. The sides of a wide image are removed, so put your subject in the middle.
The corners are genuinely transparent
The area outside the circle is removed, not filled with white. That matters because a round avatar with white corners shows them the moment it lands on a dark header — which is the single most common way a circle crop goes wrong.
Save it as a PNG
JPG has no alpha channel, so a circle-cropped JPG comes back as a circle inside a white square. Keep the result as PNG anywhere the transparency matters.
No resampling
Masking hides pixels rather than recalculating them, so what survives is exactly as sharp as the original. Resize afterwards if you need a specific dimension.
Round corners are a different tool
A circle crop removes everything outside a full circle. Rounded corners keep the rectangle and soften its four corners. If you wanted a squircle avatar rather than a round one, that is the corner tool.
Getting a round crop right
Centre before you crop
The square is taken from the middle, so an off-centre subject in a wide photo will lose the wrong half. Crop the composition first if needed.
PNG or the transparency is gone
Exporting to JPG puts the circle back inside a white square. Anywhere the corners matter, keep the PNG.
Circle is not rounded corners
A circle removes everything outside it. Rounded corners keep the rectangle. Avatar systems differ on which they expect.
How to circle crop an image
Upload the photo
Centre the subject — the sides of a wide image are cropped away.
Take the circle
The mask is applied immediately, with transparent corners.
Download
Free preview, or the full-resolution PNG in the app.
Where a circle is the required shape
Profile pictures
Produce a round avatar that works on light and dark alike.
Team pages
Give every headshot the same circular treatment.
Badges and seals
Build a circular emblem from a square graphic.
Slide portraits
Drop a round photo into a deck without a box around it.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
How to Remove a Background in Figma (There Is No Built-In Way — Here Is What Works)
Figma has no background removal feature. The honest options are a third-party plugin that uploads your image to its vendor, or a hand-drawn vector mask — plus when each is actually the right call.
How to Make a Duotone in Photoshop (Gradient Map vs Duotone Mode)
Photoshop has two duotone features and the one named Duotone is usually the wrong one. Why Image > Mode > Duotone demands a Grayscale conversion, why Gradient Map is what you actually want, and how to keep it editable.
Circle crop your image
A true circle with transparent corners.