Skip to content

Circle Crop

Circle crop an image online, free

Turn a photo into a round profile picture with genuinely transparent corners. Drop an image, drag the round selection over the face, and download a clean PNG circle that sits on any background. It all runs in your browser, so your photo is never uploaded.

  • Files never leave your device
  • Runs in your browser
  • Free, no signup

How it works

  1. 1

    Drop your image

    Add a JPG, PNG, or WebP. It is masked on a canvas in your browser, never uploaded, so a personal profile photo stays on your device.

  2. 2

    Frame the circle

    The selection is locked to a square so the circle stays round. Drag a corner to size it and drag the middle to center it over the face.

  3. 3

    Download the round PNG

    Download a square PNG with a circular image and transparent corners, ready to drop into any profile slot or design.

A real circle crop, not a white box

Truly transparent corners

The corners outside the circle are genuinely transparent, not white. The round image sits cleanly on any background, light or dark.

Always a perfect circle

The selection is locked to a square, so the crop is always a true circle rather than a stretched oval, however you size it.

Private by design

Your photo is masked to a circle on a canvas in your browser tab. Nothing is uploaded, so personal profile pictures stay with you.

Where this helps

Social

Profile pictures and avatars

Upload an already-round PNG so you control exactly what shows inside the circle, instead of letting a platform mask your square photo blindly.

Branding

Logos and app icons

A round PNG works as a logo mark or an app icon. The transparent corners mean it drops onto any color without a visible square around it.

Web

Team and about pages

Round headshots give an about page or team grid a consistent, polished look. Crop each photo to a circle and resize them to a matching size.

Presentations

Slides and documents

Drop a circular photo onto a colored slide and the corners stay clear, so the portrait reads as a deliberate circle rather than a pasted box.

Tips that help

  • 1

    Leave a little headroom

    A face cropped tight against the circle's edge feels cramped. Size the circle with a touch of space around the face and center the eyes slightly above the middle.

  • 2

    Keep it as a PNG

    Do not convert the download to JPG, or the transparent corners fill with white. PNG is what preserves the clean circle on any background.

  • 3

    Straighten before you crop

    If the photo is tilted, rotate it first, then circle crop. A level face sits better inside a circle than one that leans.

  • 4

    Resize after cropping

    Crop the circle first, then resize the PNG to the exact pixel size a profile slot wants. The transparency survives the resize.

Circle crop: round profile pictures with genuinely transparent corners

A circle crop turns a normal rectangular photo into a round image, the shape almost every profile picture ends up as. The trick that separates a real circle crop from a fake one is transparency: the corners outside the circle have to be see-through, not white, or the image looks like a circle pasted on a square the moment the background is not white. This tool masks your image to a circle and exports a PNG with truly transparent corners, all in your browser. Here is how it works and where it matters.

What a circle crop really is

An image file is always a rectangle. A circle crop does not change that; it keeps a square canvas and makes everything outside a centered circle transparent. The result is a round picture floating on nothing, which is exactly what a profile slot or a logo mark wants.

Circle crop an image online, free

imgkilo does this by drawing your selected square onto a canvas, then clipping to a circle so only the inside is painted. The corners are left empty, and the file is saved as PNG to preserve that emptiness as transparency.

This is why the output is a PNG and not a JPG. JPG cannot store transparency, so it would fill the corners with white and undo the whole point. PNG keeps the corners see-through, so the circle sits cleanly on any background.

Why transparency is the part that matters

Plenty of tools claim to make a circle but actually just paint a white square with a circular photo in it. That looks fine on a white page and wrong everywhere else: put it on a colored card, a dark sidebar, or a slide, and the white corners suddenly show as a box around your circle.

A real circle crop has an alpha channel, meaning each corner pixel is marked fully transparent. When you drop that PNG onto any background, the background shows through the corners and only the round image remains. That is the difference between a profile picture that looks intentional and one that looks pasted on.

Read more

You can check it easily. Open the downloaded PNG over a dark or colored surface, and if the corners disappear into the background, the transparency is real. This tool produces that genuine transparency every time.

Framing a face inside the circle

The selection is locked to a square, because a circle needs equal width and height to stay round rather than turning into an oval. You size the square by dragging a corner and position it by dragging the middle, sliding it until the face sits centered in the circle.

Leave a little headroom. A face cropped too tight touches the circle's edge and feels cramped, while a touch of space around it reads as a portrait. Aim to center the eyes slightly above the middle of the circle, which is where they naturally sit in a balanced headshot.

If the photo needs straightening or mirroring first, rotate or flip it before cropping. And if you want a rectangular crop instead of a round one, the standard crop tool handles any aspect ratio.

Where circle crops are used, and sizing them

Profile pictures are the obvious case. Many platforms display avatars as circles, and uploading an already-round PNG means you control exactly what shows inside the circle instead of letting the platform mask it blindly. Logos, app icons, and team headshots on an about page are common too.

For sizing, crop the circle here first, then resize the PNG to the pixel dimensions you need, such as 400 by 400 for a profile photo. The transparency survives the resize, so the corners stay clear.

And because the whole thing runs in your browser, your face never gets uploaded to make a profile picture. The masking happens on your device, the PNG is handed straight back, and nothing touches a server. Free, no account, no watermark.

Frequently asked questions

Honest answers to what people ask before using this tool.

Further reading

Independent references if you want to go deeper on the formats and tradeoffs.