Circle Crop an Image
Cut a photo into a perfect circle with a transparent surround — the shape avatars, team pages and badges expect.
Describe the edit — the AI assistant does it on the canvas.
Free preview · No signup · ~10 seconds
Drop a photo or portrait
PNG, JPG, WebP or SVG — up to 30 MB
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.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
How to Remove a Background in Canva (And What the Free Plan Actually Gives You)
Canva's BG Remover is a paid feature — and so is downloading the result with transparency. Here is what works on a free account, what the two separate paywalls are, and how to get a clean cut-out either way.
Circle crop your image
A true circle with transparent corners.