How to Crop a Photo into a Circle with a Transparent Background
2026-07-09
Round avatars are everywhere — team pages, chat apps, social profiles, comment threads. But most tools crop to a square and leave the rounding to CSS, which works right up until the image is used somewhere that has no such CSS and the corners reappear.
Step by step
- Open the Circle Crop tool.
- Drop in your photo.
- Choose the output size — 512 pixels suits almost every profile picture.
- Optionally add a ring, then download the PNG.
Why the file is a PNG
The corners outside the circle have to be transparent, and JPEG has no transparency channel at all. Saving a circle-cropped image as JPEG fills those corners with white or black, which defeats the purpose. PNG keeps them genuinely clear, so the image is round wherever it lands: in a document, an email signature, a slide, or a platform that does not round avatars for you.
Choosing a size
- 128–256 px — an avatar in a comment thread or a compact list.
- 512 px — the sensible default for a profile picture. Sharp on high-density displays without being wasteful.
- 1024 px — when the same image will also be used larger, such as a team page header.
What the ring is for
A photo with pale edges bleeds into a white background and loses its shape entirely — a common problem with headshots taken against a light wall. A thin ring in a contrasting colour restores the boundary without adding visual weight. Ten to twenty pixels is usually enough on a 512 pixel image.
Non-square photos
A portrait or landscape photo is scaled to cover the circle and centred, so proportions are preserved and only the edges outside the frame are trimmed. For a headshot that means the face needs to be reasonably central in the original — crop it first with Crop Image if it is not.