Circle Crop an Image
Turn a photo into a circular avatar with a genuinely transparent background — not a white square with a circle drawn on it.
Drop your image here
or
Choose ImageYou can also paste an image with Ctrl+V
Images are processed on your device and never uploaded.
• •
Runs on your device — nothing is uploaded.
Working…
0%
- Original
- Result
- Saved
- Quality
How to circle crop
- Select your photo.
- Position and size the circular selection over the subject.
- Choose the background: transparent, white, or a custom colour.
- Press Crop and download the PNG.
Why the output format matters here
A circle inside a rectangular file needs an alpha channel for the corners. Only some formats have one:
- PNG — the default and the right answer nearly always. Lossless, universally supported, full alpha.
- WebP — smaller, also supports alpha, supported by all current browsers. Good for web use.
- JPG — has no alpha at all. Choosing it means the corners become a solid colour, so you get a circle on a square block. The tool warns you before this happens.
Smooth edges
The circular mask is anti-aliased, so the boundary is a smooth gradient rather than a staircase of hard pixels. This matters most at small display sizes, where a jagged edge is immediately obvious.
Where circular images are used
- Profile pictures on virtually every social and messaging platform.
- Team pages and author bylines.
- Logo badges and app launcher icons.
- Stickers and overlays that need to sit on any background.
Many platforms display a square upload inside a circular frame — but only visually. Uploading a genuinely circular PNG guarantees the same result everywhere, including places that show it square.
Frequently asked questions
Are my images uploaded to your server?
No. The image is decoded, processed and re-encoded by your own browser using the Canvas and Web Worker APIs. There is no upload endpoint for this tool — open your browser's network panel while you use it and you will see no request carrying image data.
Why does my circle have a white background?
You exported as JPG, which cannot store transparency. Re-export as PNG or WebP.
What size should a circular avatar be?
512×512 covers almost every platform with room to spare. 256×256 is fine for smaller uses. Always upload larger than the display size so it stays sharp on high-density screens.
Can I add a border ring around the circle?
Not in this tool — it crops only. Export the transparent PNG and add a border in whatever you place it into; CSS handles this with a single line.
What happens to my file when I close the tab?
It is gone. The image only ever exists in your browser's memory as an object URL; closing or refreshing the page discards it. Nothing is written to our servers, and nothing is stored on your device unless you download the result.