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.