Crop Image to Circle
Turn any photo into a round profile picture. Adjust padding, pick a background color, download as transparent PNG. Everything happens in your browser.
Drop your image to circle crop
JPG, PNG, WebP — perfect for profile pictures and avatars
Circle crop is done entirely in your browser using the Canvas API — nothing is uploaded.
Why every platform decided circles are the thing
LinkedIn, Twitter, Facebook, Instagram, Slack, GitHub, Google, Discord, Zoom. Every single one clips your profile picture into a circle. At some point around 2012 the entire tech industry collectively agreed that squares were out and circles were in. Nobody asked us, but here we are.
The reason circles work well is actually pretty practical. In comment threads and message lists, you have a tiny square next to text. A circular avatar creates visual separation from the rectangular content around it. Your eye finds the face faster. It is a small design thing that makes a real difference when you are scanning a long thread with 40 people in it.
The problem happens when you upload a normal photo and let the platform crop it. It guesses where your face is. Sometimes it gets it right. Often it cuts off your forehead, or frames you next to a lamp post, or shows mostly your shoulder. Cropping it yourself first means you pick what is in the circle, not some algorithm with a coin flip success rate.
The padding slider is more useful than it sounds
A lot of people skip the padding setting and then wonder why their profile picture looks cramped. Here is what is going on: the circle crop fills the entire canvas edge to edge. If your subject is close to the edges of the original photo, they will be right up against the circle border with no breathing room.
Adding a little padding pushes the image inward and creates space around the circle. Think of it like a margin. Even 5 to 10 percent padding makes a photo look way more polished on a profile. The area outside the circle is either transparent or whatever background color you pick.
For logos and brand marks, this matters even more. A logo that bleeds to the edge of a circle looks like a mistake. Give it some room and it looks intentional.
Transparent PNG vs white background: which one to use
The default output is a transparent PNG. The circle contains your image and everything outside it is transparent (shown as a checkerboard in most image editors). This is what you want for most platforms because they will display the circle on whatever background color they use, and the transparency blends in perfectly.
But some systems do not handle transparency well. Old email clients, certain apps, document editors. If you drop a transparent PNG somewhere and it shows up with an ugly gray or black background, that is why. Switch the background color to white before downloading and that problem goes away. Or pick any color that matches where you are using the image.
Which part of the photo becomes the circle
The tool takes the largest square from the centre of your photo and fits the circle inside it. For a portrait photo that means the middle of the frame, and for a landscape photo the centre of the width.
If your face is not in the centre, crop the photo to a square around it first with the 1:1 ratio in the crop tool, then bring that square here. It is the difference between a centred profile picture and one where your ear is in the middle.
A circle keeps about 78.5 percent of a square
A circle drawn inside a square covers about 78.5 percent of its area. The corners are lost, and anything in them disappears. Platforms that show profile pictures as circles make the same cut on their side, so keep faces, logos and text away from the corners of the square you upload.
For the pictures themselves, framing matters more than any tool. Our guide to the perfect profile picture covers sizes for each platform, lighting and framing.