# Circle Crop > 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. URL: https://kenerateai.com/circle-crop Publisher: Kenerate AI (https://kenerateai.com) Last updated: 14 November 2026 ## 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 ## Steps 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. 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. 3. Pick the finish — Choose a border and its colour, clear or white corners, and Full size, 1024, 512 or 256 px. 4. Download — Press Download PNG for a round picture with transparent corners. With White square you can also download a JPG. ## In depth ### 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. ## FAQ Q: How do I crop an image into a circle? A: 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. Q: Is this circle crop tool free? A: Yes. It uses no credits, needs no account and adds no watermark, because your own browser does the work. Q: Is my picture uploaded? A: 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. Q: How do I make a circle PNG with a transparent background? A: 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. Q: Can I add a border around the circle? A: 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. Q: What size is the round picture? A: 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. Q: Why does my circle have a black or white background? A: 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. Q: What's the best size for a round profile picture? A: 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. Q: Can I crop a circle in Kenerate's Edit Studio? A: 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. ## Related pages - Image cropper: https://kenerateai.com/image-cropper - Free AI background remover: https://kenerateai.com/free-ai-background-remover - Transparent background maker: https://kenerateai.com/transparent-background-maker - AI profile picture generator: https://kenerateai.com/ai-profile-picture-generator - Invert image colors: https://kenerateai.com/invert-image-colors - Image stretcher: https://kenerateai.com/image-stretcher - Discord PFP maker: https://kenerateai.com/discord-pfp-maker - Color palette from image: https://kenerateai.com/color-palette-from-image ## Sources - MDN — globalCompositeOperation, the canvas setting that clears the corners: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation - MDN — CanvasRenderingContext2D arc(): https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc - MDN — HTMLCanvasElement toBlob(): https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob - Wikipedia — Alpha compositing: https://en.wikipedia.org/wiki/Alpha_compositing