⭕ Circular Crop (Icon) Generator
Drag and drop an image, or click to select
Upload an image to center-crop it to a square, crop that to a circle, and download it as a PNG with a transparent background outside the circle. Handy for making profile pictures and app icons.
How to use
- Drag and drop an image, or click to select one.
- Set the output size (the circle's diameter in pixels).
- Click "Download PNG" to save the circular-cropped image.
How the calculation works
Cuts a square from the centre of an image and then crops it into a circle, saved as PNG. The area outside the circle is transparent, ready to use as a profile icon. Steps 1. Take the centred square whose side equals the image’s shorter side 2. Scale it to the output size (diameter) you set 3. Make everything outside the circle transparent and save as PNG
Worked example
A 4000 × 3000 pixel landscape photo with output size 512 → the centre 3000 × 3000 is taken, dropping 500 pixels on each side → it becomes a circular icon 512 pixels across
Things to be aware of
- To centre a face or another subject, crop the image first with a crop tool so the subject sits in the middle.
- An output size larger than the original’s shorter side enlarges the image and makes it blurrier.
- Many social networks display avatars as circles themselves, so a square image is often fine as is.
FAQ
What happens with a non-square image?
It's center-cropped to a square based on the image's shorter side before being cropped to a circle.
What's outside the circle?
Transparent — the output is a PNG with transparency outside the circle, ready to use as an app icon or social media avatar.
Is the uploaded image sent to a server?
No. All processing happens using your browser's Canvas API — the image is never sent to a server.