Free · Fast · Privacy-first

Crop Image to Circle

A circular crop is a square crop with a circular mask applied and a transparent background outside the circle.

⚡

True circular mask

🔒

PNG transparency

✨

Any source aspect

⚡

No watermark added

Cost: Free forever
Sign-up: Not required
Processing: In your browser
Privacy: Files stay local

FreeNo signupWhite-label

Add this Image Cropper to your website

Drop the Image Cropper into any page — blog post, product docs, intranet, school portal — with a single line of HTML. Your visitors get the full tool, processed entirely in their browser. No backend, no uploads, no signup.

Files stay 100% in the visitor's browser
Responsive — adapts to any container width
Free forever, no API key needed

Embed code

<iframe
  src="https://www.fixtools.io/image-tools/image-cropper?embed=1"
  width="100%"
  height="780"
  frameborder="0"
  style="border:0;border-radius:16px;max-width:900px;"
  title="Image Cropper by FixTools"
  loading="lazy"
  allow="clipboard-write"
></iframe>

<iframe
  src="https://www.fixtools.io/image-tools/image-cropper?embed=1"
  width="100%"
  height="780"
  frameborder="0"
  style="border:0;border-radius:16px;max-width:900px;"
  title="Image Cropper by FixTools"
  loading="lazy"
  allow="clipboard-write"
></iframe>

Attribution-friendly: a small "Powered by FixTools" link appears in the embed footer.

When to use a true circular crop versus a square-masked-as-circle

Most social platforms that display profile pictures as circles (Twitter, LinkedIn, Facebook, Slack) actually accept square uploads and apply the circle mask in their display layer. For these surfaces a square upload with content positioned for circle masking is sufficient, and a true circular file with PNG transparency offers no additional benefit. The platforms strip alpha channels during their processing and re-mask the result as needed for each display context. Uploading a transparent PNG to a social network typically results in either a black or white background filling the transparent area, which is exactly the result you were trying to avoid.

A true circular crop with transparency is the right choice when the file needs to sit on a non-uniform background or be composited with other design elements. Examples include a personal website where the profile photo sits on a coloured hero banner, a presentation slide where the photo overlays a graphic, a printed business card where the photo is part of a layout, or a Slack workspace icon (which does accept transparency). In each of these cases the transparent PNG produces a clean circular shape on any background, whereas a square upload would show as a square with the background visible behind it.

Composition for a circular crop differs from composition for a square. The corners of the square inscription are discarded, so any content in the corners is lost. The focal subject should be centred and sized to fill roughly 70 percent of the circle diameter, leaving a small breathing margin on all sides. Headshots typically work best with the eyes positioned slightly above the geometric centre of the circle, with the head fitting comfortably within the circle. Logo crops work best with the logo centred and sized to fill 60 to 80 percent of the circle, depending on the logo's own internal padding.

Technical considerations matter for circular crops. The file format must be PNG to support transparency: JPEG does not support alpha channels and would render the area outside the circle as solid colour. The exported file size is larger than an equivalent square JPEG because PNG is lossless, but the size is typically still under 500KB for a 400x400 circular crop with simple content. For very high resolution circular crops (1000 pixels and above) the file size grows but is rarely a practical limit because circular profile elements rarely exceed 800x800 in any production use.

MDN: HTML Canvas compositing PNG specification (W3C)

How to use this tool

💡

Select the circular crop mode in FixTools, position the subject inside the circle, and export a transparent PNG ready for designed contexts.

How It Works

Step-by-step guide to crop image to circle:

1
Load your image into FixTools
Drop the source image into the cropper. Any aspect ratio source works because the circle can be inscribed in any square selection. Higher resolution sources give more flexibility because you can zoom into the subject region without the result becoming pixelated.
2
Switch to circular crop mode
Toggle the circular crop option in the cropper. The selection rectangle becomes a square (locked to 1:1) with a circular preview overlay showing what will be visible in the final output. The four corners of the square are dimmed to indicate they will be discarded.
3
Position the subject inside the circle
Drag the square selection to position the subject inside the circular preview. For headshots, position the eyes slightly above the geometric centre and ensure the entire head fits within the circle. For logos, centre the logo and size it to fill 60 to 80 percent of the circle diameter.
4
Export as transparent PNG
Click Crop and select PNG as the output format to preserve transparency. The exported file is a square with a circular content area surrounded by transparent pixels. Open the file on any non-white background to verify the transparency: the circle should sit cleanly on the background with no visible corner artefacts.
5
Use in your design context
Drop the transparent PNG into your design tool, presentation, website, or document. The circle composites cleanly with any background colour or graphic. For surfaces that accept transparency (Slack workspace icons, custom website headers) the file works directly. For social media uploads, use a square crop instead because most networks do not preserve PNG transparency on profile uploads.

Real-world examples

Common situations where this approach makes a real difference:

Personal website with a circular hero photo

A consultant builds a personal website with a circular photo in the hero section that overlays a coloured gradient background. They crop their headshot to a circular PNG with transparency, drop it into the website template, and the circle sits cleanly on the gradient with no visible square border. The result looks professionally designed rather than templated.

Presentation slide with team member portraits

A startup founder builds an investor presentation with a team slide showing circular portraits of each team member. They crop each team photo to a circular PNG at 400x400 and place them in the presentation. The portraits sit on a branded slide background as clean circles regardless of the slide colour, which would have been impossible with square JPEGs because the square edges would show against the slide background.

Brand mark circular logo treatment

A brand applies a circular logo treatment to their primary mark for use in various contexts. They crop the logo to a circular PNG at 800x800 with transparency, and use the same file across favicons, app icons, social profile pictures (where it gets re-masked anyway), and printed collateral. The circular treatment becomes part of the brand's visual identity, with the transparent PNG enabling reuse across surfaces.

Print collateral with photo layout

A designer produces a printed brochure with a layout that includes circular photos overlapping with text and graphic elements. They crop each photo to a high-resolution circular PNG at 1200x1200 and import the files into the print layout. The circles overlap cleanly with adjacent elements because the transparency preserves the negative space, which a square JPEG would have filled with white or another solid colour.

Pro tips

Get better results with these expert suggestions:

Use PNG format to preserve transparency

PNG supports an alpha channel that defines per-pixel transparency, which is required for the circular mask to render correctly on non-white backgrounds. JPEG does not support transparency and would fill the area outside the circle with solid colour, defeating the purpose of the circular crop. Always export circular crops as PNG, accepting the larger file size as the cost of the transparent edge.

Centre the subject and size for breathing room

The corners of the square inscription are discarded by the circular mask. Position the focal subject in the centre of the selection and size it to fill roughly 70 percent of the circle diameter, leaving a small margin on all sides. Subjects that fill the circle edge-to-edge look cramped; subjects sized to about 70 percent of diameter look intentional and have natural breathing space.

Do not upload transparent circular PNGs to social networks

Most social platforms strip alpha channels during profile picture processing and re-mask the result as needed. Uploading a transparent circular PNG often produces a black or white background filling the transparent area, which is the opposite of the intended result. For social profile pictures upload a square JPEG with the subject positioned for circle masking, and let the platform apply its own circular mask in the display layer.

Use higher resolution for print

Web circular crops at 400x400 or 800x800 are sufficient for digital surfaces. Print circular crops should use higher resolution (1200x1200 or more) because print rendering is typically 300 DPI compared to web's 72 to 96 DPI. A 1200x1200 circular crop prints cleanly at 4 inches diameter, which suits most personal-card and brochure use cases. For larger print sizes scale up proportionally.

FAQ

Frequently asked questions

Open the FixTools Image Cropper, load your image, and switch to circular crop mode. The selection becomes a square with a circular preview overlay. Position the square so your subject sits inside the circle, then export as PNG to preserve the transparent corners. The result is a square file with a circular content area and fully transparent pixels outside the circle, ready to composite on any background.

Yes, when exported as PNG. The area outside the circle is fully transparent (alpha = 0), which means the circle composites cleanly on any background colour or graphic. When you place the file on a coloured background only the circle is visible; the corners are invisible because of the transparency. JPEG export would fill the corners with white because JPEG does not support transparency.

For social media profile pictures, upload a square JPEG rather than a transparent circular PNG. Most social platforms (Twitter, LinkedIn, Facebook) accept square sources and apply the circle mask in their display layer. Uploading a transparent PNG often produces a black or white background filling the corners, which is the opposite of the intended result. Reserve circular PNGs for designed contexts where you control the composition.

For web use, 400 by 400 or 800 by 800 pixels covers most needs. For high-resolution displays, 800x800 produces a sharper result on retina screens. For print, scale up to 1200 by 1200 or higher to match print DPI requirements (typically 300 DPI compared to web's 72 to 96 DPI). The right size depends on the destination: a hero website photo might be 600x600, a presentation slide thumbnail 200x200, a print brochure photo 1200x1200.

This usually happens when the upload destination does not preserve PNG transparency. Some social networks, content management systems, and email clients strip alpha channels during processing, which fills the transparent corners with a solid colour (often black or white) and produces a square-on-background appearance. The fix is destination-dependent: either upload a different format, find a CMS field that preserves transparency, or accept that the destination is not transparency-friendly and use a square crop instead.

Yes. The circular crop works from any source aspect ratio because it inscribes a circle inside a square selection that can be positioned anywhere over the source image. Landscape, portrait, and square sources all work. The constraint is that the circle is always a perfect circle (1:1), so you cannot produce an ellipse with this tool. For elliptical crops a more advanced design tool with vector masking is needed.

PNG circular crops are larger than equivalent JPEG squares because PNG is lossless and includes the transparency channel. A 400x400 circular PNG typically lands between 100KB and 400KB depending on content complexity. For surfaces where file size matters, consider whether the circular treatment is necessary or whether a square JPEG with display-layer circle masking would suffice. Most practical uses tolerate the modest size increase comfortably.

No. The exported transparent PNG contains only your circular content with no FixTools branding, logo, badge, or hidden marker. The transparent corners are genuinely transparent, not branded transparency. This is verifiable by opening the file in any image viewer that displays alpha channel information, or by placing the file on various coloured backgrounds and observing that only your circular subject is visible.

Yes. The circular crop mode persists between images in the same session, so after cropping the first image you can load the next and the mode is already active. This semi-batch workflow is fast for sets of 5 to 20 images, such as team portraits for a presentation. For very large batches a dedicated batch cropping workflow is on our roadmap, but for typical use cases the per-image flow is fast enough.