How to Crop a Picture Into a Circle: 7 Free Ways (2026)

Blog › How to Crop a Picture Into a Circle: 7 Free Ways (2026)

AI DESIGN

How to Crop a Picture Into a Circle: 7 Free Ways (2026)

Published 1 day ago by · 11 min read

You need a round profile photo, a circular team headshot, or a logo that sits neatly inside a circle. You crop it, you download it, and it lands on your page inside an obvious white square.

That white box is the actual problem with circle cropping, and most guides never mention it. Cropping a picture into a circle takes about ten seconds. Getting a circle crop that works on any background takes one extra setting.

Below are seven ways to crop a picture into a circle, from free browser tools to the apps already on your phone, plus the export settings that decide whether the result looks professional or homemade.

The Quick Answer: How to Crop a Picture Into a Circle

Every method follows the same five steps. The tool changes, the logic does not.

Step 1: Start With a Square or Near Square Image

A circle is inscribed in a square. If you start with a wide landscape photo, you will lose the left and right thirds of it. Crop to 1:1 first, keeping your subject centred, then apply the circle. This single habit prevents most of the awkward crops people end up with.

Step 2: Apply a Circular Mask or Frame

Every tool calls this something different: a frame, a mask, a crop to shape, an elliptical marquee. They all do the same job, which is hiding everything outside a circular boundary rather than deleting it. Masks are non destructive, so you can reposition the photo inside the circle afterwards.

Step 3: Reposition the Photo Inside the Circle

Drag and zoom the image behind the mask until the subject sits in the middle. For a face, put the eyes on the upper third of the circle rather than dead centre. Faces centred vertically always look like they are sinking.

Step 4: Turn On a Transparent Background

This is the step that matters. Before you export, find the transparency or transparent background toggle. Without it, the area outside your circle is filled with white, and your round photo becomes a square with a circle painted on it.

Step 5: Export as PNG or WebP, Never JPG

JPG has no alpha channel, which means it physically cannot store transparency. Save your circle crop as PNG or WebP. If you export as JPG, that transparent area gets flattened to white and you are back where you started.

The One Thing Most Circle Crop Guides Get Wrong

A circle crop is only useful if it works on any background. The moment your round headshot is dropped onto a coloured section, a dark footer, or a photo, a hidden white square shows up as a hard rectangle around it.

Comparison of a circle cropped portrait on a white square background versus the same crop on a transparent checkerboard grid

Here is the rule: transparency lives in the file format, not in the crop. Per MDN Web Docs, PNG and WebP support an alpha channel while baseline JPEG does not. So a perfectly cropped circle exported as a JPG is guaranteed to have a solid background.

Two exceptions are worth knowing. If your circle crop is going somewhere that already crops to a circle for you, like a profile picture slot, transparency does not matter because the platform applies its own mask. Everywhere else, it does.

Method 1: Free Online Circle Crop Tools

The fastest route for a one off. Search for a circle crop tool, upload your image, drag the circular overlay over the part you want to keep, then download.

What to check before you download:

  • Does it offer a PNG download? If the only option is JPG, walk away.
  • Is there a transparent background checkbox? Some tools default to white.
  • Does it process in your browser or upload to a server? For photos of people, in browser processing is the safer choice.
  • What resolution does it return? Many free tools silently downscale to 1000px or less.

Best for: a single image, right now, with no account.

Worst for: anything you need to repeat, or anything that needs to match a brand.

Method 2: Crop to a Circle Inside a Design Tool

If the circle crop is going into something else, a team page, a testimonial card, a social post, an about section, cropping in isolation and then importing the PNG is the slow way round. Do the crop where the design lives.

In a design editor you drop the photo in, apply a circular mask, and everything stays editable: you can nudge the image inside the mask, add a keyline ring, change the size, or swap the photo later without redoing the crop.

This is where an AI design tool helps. With Krumzi, you describe the layout you want, the AI builds it, and every image on the canvas can be masked to a circle, ellipse, rounded square, pill, blob, or arch with one click. Because the output is layered rather than a flat picture, the mask stays live, and exports include a transparent background toggle at up to 4x resolution. If you want the crop on its own, export the single masked image as a transparent PNG. If you want it inside a finished graphic, it is already there.

Best for: repeat work, on brand output, and crops that are part of a bigger design.

Method 3: Photoshop

Adobe's editor gives you two routes.

The Frame Tool is the cleaner one. Press K, choose the ellipse option in the options bar, hold Shift and drag to draw a perfect circle, then drag your image into the frame. The photo scales inside the frame and stays adjustable.

The Elliptical Marquee is the older route. Unlock the background layer, hold Shift while dragging a circular selection, then add a layer mask. Same result, more steps.

Either way, hide or delete the background layer before you export, and use Save a Copy as PNG with transparency preserved.

Best for: precise, high resolution work when you already own the software.

Method 4: PowerPoint and Word

There is a well known trap here: circle is not in the Crop to Shape menu. Only oval is.

The fix is to force the oval to be a circle. Insert your picture, then go to Picture Format, Crop, Crop to Shape, and pick the oval. Then open the Format Picture pane, find Crop, and set the crop position width and height to the same value. The oval becomes a true circle. Microsoft's own support documentation walks through the crop to shape controls in detail.

To get the circle out as a file, right click the cropped picture and choose Save as Picture, then select PNG.

Best for: when the circle only ever needs to exist inside a deck or a document.

Method 5: iPhone and iPad

Apple's Photos app still has no circle crop. Two workarounds actually work.

Use Pages or Keynote: insert the image, then use Format, Image, Mask with Shape, and choose the oval. Set the width and height equal so the oval is a circle. You can then drag the masked image out to your desktop or share it.

Or use Markup on a screenshot: place a circular shape, position it, and crop around it. Faster, but lower quality, and it will not give you transparency.

Best for: a quick crop with no computer nearby.

Method 6: Android

Google Photos has no built in circle crop either. Most Android users end up in one of two places: a browser based circle crop tool, which works fine on mobile, or a third party photo editor with shape masks. Check the export format before you commit. A surprising number of Android photo editors only export JPG, which kills transparency.

Best for: one off crops when you are already on your phone.

Method 7: Google Slides and Google Docs

Google Slides has this hidden in plain sight. Insert your image, select it, then click the small arrow next to the crop icon in the toolbar. Choose Shapes, then the oval. Hold Shift while resizing to keep it a perfect circle.

Google Docs has no shape masking, so the usual workaround is to crop in Slides, then copy and paste the result into your document.

Best for: collaborative documents and decks that live in Google Workspace.

How to Get a Clean, Sharp Circle Edge

A circle crop that technically worked can still look amateur. Four things separate a crisp circle from a rough one.

Close up comparison of a jagged pixelated circle crop edge next to a smooth anti aliased edge

Crop at 2x the display size. If the circle displays at 200px on your site, export it at 400px or larger. Curved edges show pixel stepping far more than straight ones, and downscaling a larger image smooths that away.

Check for anti aliasing. Cheap tools produce a hard, stair stepped edge. Zoom to 400% and look at the top of the circle. If it looks like a staircase, use a different tool.

Add a keyline if the photo is light. A pale background inside the circle disappears against a pale page. A one or two pixel ring in a brand colour fixes it instantly and looks deliberate.

Do not stack a circle crop on a circular platform mask. If you upload your transparent circle PNG as a profile picture, the platform crops it again, and the corners of your already circular image get clipped. Upload the full square image and let the platform do the masking. Our complete guide to social media image sizes covers which platforms mask automatically.

Beyond the Circle: Other Crop Shapes Worth Using

The circle is the default because it is safe, but it is not always the right call. Circles work for faces and logos. They are terrible for anything wide, like a product shot or a screenshot.

Six photo mask shapes in a row: circle, ellipse, rounded square, pill, blob and arch, each holding a different photograph

ShapeWorks well forAvoid for
CircleHeadshots, avatars, logo marksWide products, screenshots
EllipsePortrait orientation subjectsSquare subjects
Rounded squareApp icons, product cardsFormal or editorial layouts
PillTags, small inline imagesFaces
BlobPlayful brands, illustrationAnything needing precision
ArchEditorial portraits, hero imagesIcons and small sizes

The arch in particular has quietly taken over editorial and portfolio design over the last two years. It reads as more considered than a circle without being loud about it. If you are exploring visual direction before you commit, our guide to building a mood board is a good place to start.

Where Circle Crops Actually Belong

Circle crops earn their place in a handful of specific spots.

Grid of circular team portrait avatars on a website about page, some with thin keyline rings

Team and about pages. Circles equalise headshots taken at different times with different framing, which is why almost every about page uses them.

Testimonials and reviews. A small round face beside a quote adds credibility without dominating the layout.

Logos and app icons. Many platforms mask icons to a circle anyway, so designing inside a circle from the start stops your logo from getting clipped.

Carousel slides and social graphics. A round photo breaks up a slide full of text. If you are building multi slide content, our step by step carousel guide covers the layout patterns that hold attention.

Presentation decks. Circles keep speaker photos consistent even when the source images are not.

One place they do not belong: as the main image of a product. Circles crop off the edges of the thing you are trying to sell.

Frequently Asked Questions

How do I crop an image into a circle on my iPhone?

The Photos app cannot do it, so use Pages or Keynote instead. Insert the image, then choose Format, Image, Mask with Shape, and select the oval. Set the width and height to the same value so the oval becomes a true circle, then drag the masked image out or share it. A browser based circle crop tool also works well on mobile Safari.

Why does my circle crop have a white background?

Because it was exported as a JPG, or because the transparent background option was left off. JPG has no alpha channel, so any area outside the circle gets filled with white. Re export as PNG or WebP with transparency enabled and the white square disappears.

Can I crop a picture into a circle in Word or PowerPoint?

Yes, but circle is not listed in the Crop to Shape menu. Choose the oval instead, then open the Format Picture pane and set the crop position width and height to the same number. That turns the oval into a perfect circle. Right click and choose Save as Picture to export it as a PNG.

What size should a circle crop be?

Export at roughly twice the size it will be displayed. A 200px avatar should be exported at 400px or larger. Circular edges reveal pixel stepping much faster than straight edges do, so the extra resolution is what keeps the curve looking smooth after the browser scales it down.

Is there a free way to crop a photo into a circle with a transparent background?

Yes. Several browser based circle crop tools offer a transparent PNG download at no cost, and design editors with image masking let you toggle a transparent background at export. The only thing to verify is the download format: if the tool only exports JPG, transparency is impossible regardless of what the preview shows.

Stop spending hours on Canva.

Describe the design you need and Krumzi builds it in seconds, already in your brand colors and fonts. Fully editable, ready to publish.

Start Your Free Trial

Or browse all the AI design tools

Related Articles