Crop to Circle
Crop an image into a circle with a transparent background.
Processed on your device — never uploaded
The area outside the circle becomes transparent in the PNG.
What Is This Tool?
This tool centres your image in a square, masks everything outside a circle so it becomes transparent, and exports a PNG. Use the zoom and move sliders to frame a face or subject inside the circle. The result drops straight into a profile picture or a rounded UI element.
How It Works
Drop an image onto the box or select one.
Use Zoom and Move X/Y to frame the subject.
Optionally add a thin ring around the edge.
Click Download circle PNG.
Everything runs locally in your browser — the image you choose is decoded onto an HTML canvas on your own device and is never uploaded to a server.
Features
- Transparent corners (true circular cut-out)
- Zoom and pan to position the subject
- Optional outline ring
- Square output sized to the shorter side
- Fully client-side
Common Use Cases
- Creating a round avatar for a forum or chat app
- Making circular team photos for an about page
- Building a badge or sticker graphic
- Preparing a round icon for a presentation
Frequently Asked Questions
What format is the output?
PNG, because it is the common format that supports the transparency needed for the area outside the circle.
Why is my image cut off at the sides?
The circle is inscribed in a square based on the shorter side of your image, so wide images lose their left and right edges. Zoom out or use Move X to recentre.
Can I get a transparent JPG instead?
No — JPEG cannot store transparency. A circular JPG would have a solid rectangular background.
Does the ring add to the image size?
The ring is drawn inside the existing square, so the pixel dimensions do not change.
Is my photo uploaded?
No. Masking happens on a canvas locally.