Free · no upload · no sign-up
Circle crop — crop any image into a circle, free
Add a picture, drag it under the circle and zoom with the slider. Download a round PNG with clear corners, or put it on a white square. It runs in your browser, so your picture stays on your device.
- Transparent PNG
- Drag and zoom
- Optional border
- Picture stays on your device
Updated by the Kenerate AI team
Made with Kenerate
On this page
Quick answer
How do you crop an image into a circle?
To crop an image into a circle, add it to the tool on this page, drag it under the circle and set the zoom, then press Download PNG. The corners come out transparent, at up to 4096 × 4096 px, or on a white square if you prefer. You can add a border in any colour. It's free, needs no account and runs in your browser, so nothing is uploaded.
Key facts
- Cost
- Free · no credits
- Account
- Not needed
- Pictures in
- JPG, PNG, WebP up to 50 MB
- Zoom
- 1× to 5×, drag to move
- Border
- None, thin, medium or thick, any colour
- Corners
- Transparent or white
- Download
- PNG, or JPG on white · up to 4096 px
- Uploads
- None, cut in your browser
Gallery
Round crops made with this tool
Each circle crop below is the PNG the tool's own code made in a browser from an AI picture on this site. The label gives the size you'd download.
Same prompt
What the zoom does to the size
Zoom makes the circle smaller on the picture, so a Full size download gets smaller too. Zoom in for a face, then pick 1024 or 512 px if you need a set size.
PromptThree circle crops of one 912 × 1152 selfie.
Zoom 1912 px, the biggest circle
Zoom 1.6570 px crop, saved at 1024
Zoom 2.5365 px across
How to
How to crop an image into a circle
- Time needed
- Steps
- 4 steps
Step 1
Add your picture
Choose a JPG, PNG or WebP up to 50 MB, drop it on the box at the top of this page, or paste it.
Step 2
Place the circle
Drag the picture to move it under the circle and use the slider to zoom from 1× to 5×. Arrow keys and + or − work too.
Step 3
Pick the finish
Choose a border and its colour, clear or white corners, and Full size, 1024, 512 or 256 px.
Step 4
Download
Press Download PNG for a round picture with transparent corners. With White square you can also download a JPG.
Tips
Get a clean round crop
Small choices that save a second try.
Leave a little space above the head. Most apps add their own ring or status dot at the edge.
Keep PNG for anything that goes on a coloured background. JPG can't store clear corners.
Use White square for places that show transparency as black, such as some email signatures.
Pick 512 or 1024 px for a profile picture. Full size is best when you'll print or crop again.
Make the border match a brand colour by typing its HEX code in the colour picker.
Background in the way? Remove it first, then crop the cut-out into a circle.
FAQ
Circle Crop questions
9 questions
How do I crop an image into a circle?
Add the picture to the tool at the top of this page, drag it under the circle and set the zoom, then press Download PNG. The corners come out transparent, so only the round picture shows.
Link to this answerIs this circle crop tool free?
Yes. It uses no credits, needs no account and adds no watermark, because your own browser does the work.
Link to this answerIs my picture uploaded?
No. The picture is opened and cut in your browser, so it never reaches our servers. You can check in the Network tab of your browser's developer tools.
Link to this answerHow do I make a circle PNG with a transparent background?
Keep Corners on Transparent and press Download PNG. Everything outside the circle is fully clear. If you need the person cut out from their background too, remove the background first, then crop the result.
Link to this answerCan I add a border around the circle?
Yes. Choose Thin, Medium or Thick, which are 2%, 4% and 7% of the circle's width, and pick any colour. The border sits inside the edge, so the picture keeps its size.
Link to this answerWhat size is the round picture?
Full size keeps the crop's own size, up to 4096 × 4096 px. At zoom 1 that's the short side of your picture. You can also choose 1024, 512 or 256 px.
Link to this answerWhy does my circle have a black or white background?
The corners are clear, but some viewers show transparency as black or white. If the place you use it can't show transparency, choose White square, or save a JPG.
Link to this answerWhat's the best size for a round profile picture?
512 or 1024 px suits most profile pictures. Many apps take a square picture and show it as a circle themselves, so a square crop also works there; a round PNG matters for slides, websites, stickers and documents.
Link to this answerCan I crop a circle in Kenerate's Edit Studio?
Not there. Crop & Rotate in Edit Studio makes rectangles only, which is why this tool exists. Use the image cropper for squares and other ratios.
Link to this answerIn depth
Circle Crop, explained
How the crop works, what we tested and when a round file matters.
On this page
How the circle crop works
The tool cuts a square out of your picture. At zoom 1 the square is as wide as the picture's short side, and each step of zoom makes it smaller: at 2× it's half as wide. Dragging moves the square, and it stops at the picture's edges, so the circle never shows empty space.
The square is drawn at the size you chose, then everything outside the largest circle that fits is cleared. Clearing with a filled circle, rather than cutting along a hard line, keeps the edge smooth: the pixels on the rim are partly clear, so the circle doesn't look jagged on a coloured page.
What we tested
We ran the tool's own drawing code in Microsoft Edge on Windows on the pictures above, and checked the maths in Node. These are tests of that code, not of the page on every device:
- Every result had fully clear corners (alpha 0) and a solid centre (alpha 255).
- Zoom 1 on a 912 × 1152 selfie gave a 912 px circle; zoom 2.5 gave 365 px.
- A Medium border on a 1024 px picture was 41 px wide, inside the edge.
- White square gave solid white corners, ready for JPG.
- Not tested: Safari, Firefox and phones.
Circle crop or a square profile picture?
Most social apps store your profile picture as a square and show it in a circle, so you don't strictly need a round file there. Centre the face, leave some space around it, and a square crop looks right.
A round file with clear corners matters when nothing else will round it for you: slides, website team pages, email signatures, stickers, thumbnails and printed name badges.
Why a JPG can't be round
JPG has no transparency, so every pixel needs a colour and the corners have to be filled. That's why the JPG download only appears with White square. PNG keeps the clear corners; it's usually a larger file, but it works on any background.
By the Kenerate AI teamLast updated and reviewed
We build and run Kenerate AI. We ran this tool's drawing code in Edge on Windows on the pictures shown here, and the sizes and test results on this page come from those runs.
Sources: MDN — globalCompositeOperation, the canvas setting that clears the corners · MDN — CanvasRenderingContext2D arc() · MDN — HTMLCanvasElement toBlob() · Wikipedia — Alpha compositing
