Crop Image to Circle
Crop photos to a circle, rounded square, heart, star, hexagon or your own mask shape. Zoom, move and add a ring border; saved as a transparent PNG.
Round profile pictures, team avatars, stickers and logos all start with the same job: cut the photo to a shape and make the outside transparent. This tool crops to a circle, an oval, a rounded square, a heart, a star, a hexagon or any shape you supply as a mask, with zoom and position controls so the face stays centred. The edges are anti-aliased, and the PNG keeps the corners transparent. Your photos are processed in the browser and never uploaded.
How to use this tool
- Choose one or more images.
- Pick a shape. For a custom shape, also choose a mask image (white or opaque = keep).
- Use Zoom and the two position sliders to frame the subject.
- Optionally set an output size, a ring border and a background colour.
- Download the PNG (or WebP / JPG).
Formula
crop side S = min(width, height) ÷ zoom; centre x = width ÷ 2 + position × (width − S) ÷ 2
The same formula applies vertically. Position runs from −100% (the crop touches the left or top edge) to +100% (right or bottom edge). The oval uses width ÷ zoom by height ÷ zoom instead of a square. A ring border of width b is stroked 2b wide on the shape's edge before the outside is cut away, so exactly b pixels remain inside.
Example
A 4000 × 3000 photo cropped to a circle at 100% zoom gives a 3000 × 3000 px PNG; at 150% zoom the crop is 3000 ÷ 1.5 = 2000 px. Moving the position to +50% horizontally shifts the centre from x = 2000 to 2000 + 0.5 × (4000 − 2000) ÷ 2 = 2500. With an output size of 400 the result is a 400 × 400 avatar.
Frequently asked questions
Why does the JPG have white corners?
JPG cannot store transparency, so the area outside the shape is filled with the background colour. Save as PNG or WebP to keep it transparent.
How do I make my own shape?
Draw the shape in any editor and save it as a PNG with a transparent background, or as a black-and-white image where white means keep. The mask is stretched to the crop, so draw it at the proportions you want.
Will the circle look jagged?
No. The shape is filled with anti-aliasing, so edge pixels are partly transparent and the outline looks smooth.
Are my photos uploaded?
No. The crop is done on a canvas inside your browser.
Last updated:
Page address with these inputs: https://kakao.mobile/tools/image-circle-crop-tool/
Cite or embed this tool
kakaoCalc. (2026, November 8). Crop Image to Circle. https://kakao.mobile/tools/image-circle-crop-tool/
“Crop Image to Circle.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/image-circle-crop-tool/.