How to crop an image into a circle
- Open the photo you want to use. A round frame appears in the middle of it.
- Drag the circle over the face or logo and pull a handle to make it bigger or smaller.
- Keep PNG for clear corners, or pick JPG and a corner color, then press Crop image.
What you get
The result is a square image with the circle touching all four sides. Everything outside the circle is fully transparent in PNG or WebP, so the picture looks round on any background: a white web page, a dark app theme or a colored slide. The circle is cut from the full-resolution original, so a large photo gives a large, sharp avatar that you can scale down later with Resize Image.
Do I need a round image for my profile picture?
Often not. Most social networks and chat apps ask you to upload a square picture and draw the circle themselves when they display it. For those, a square crop from Crop Image with the 1:1 ratio works just as well. Use this circle tool to preview exactly what will be visible inside the round frame, and to be sure nothing important sits in the corners that will be hidden.
A pre-cut round PNG is the right choice when nothing else will mask it for you, for example:
- a team page or author bio on your own website
- an email signature
- slides, documents and posters
- stickers, badges and printed name tags
- design mock-ups where you place the avatar over other artwork
PNG, WebP or JPG?
| Format | Corners | Good for |
|---|---|---|
| PNG | Transparent | Almost everything. Works in every browser, office program and design app. |
| WebP | Transparent | Websites that want a smaller file. Older software may not open it. |
| JPG | Filled with the color you choose | Places that don't accept PNG. Match the corner color to the background it will sit on. |
JPG has no transparency at all, which is why the corners get a solid color. If you upload a transparent PNG somewhere that converts pictures to JPG behind the scenes, the see-through corners may turn black or white there.
Tips for a good round crop
- Leave some space above the head. The top of a circle is narrower than a square, so hair and ears get cut off first.
- Put the eyes a little above the center line, a classic portrait framing that also works in a circle.
- For logos, make sure the lettering fits well inside the edge; the circle hides the corners of any square logo.
More ways to use this tool
Frequently asked questions
Are the corners really transparent?
Yes, when you save as PNG or WebP. The pixels outside the circle have zero opacity. The checkered pattern you see in the preview is how transparency is usually shown on screen; it is not part of the file.
Can I make an oval instead of a circle?
No. Circle mode keeps the frame perfectly round. Switch the Shape option to Rectangle if you need a different outline.
What size should a profile picture be?
Requirements differ by site and change over time, so check the site's own help page. A square of at least 400 × 400 pixels is a safe starting point for most places; bigger sources give sharper results.
Is my photo uploaded to make the circle?
No. The cutting is done by your browser on your device, and the finished PNG is saved straight to your downloads.
Why is the edge of the circle slightly soft?
The border pixels are partly transparent. This smoothing, called anti-aliasing, stops the edge from looking jagged. It is invisible at normal viewing size.