How to Make a Round Profile Picture With a Transparent Background
To make a round profile picture with a transparent background, open Circle Image Crop, upload your photo, drag the circle over your face, resize it with the handles, and click Download Circle PNG. You get a square PNG file where your photo fills the circle and the four corners are fully see-through, so it sits cleanly on any background.
That's the whole job. The rest of this guide covers how to frame your face so the picture looks good at small sizes, why the file has to be PNG, and where a round picture is worth making yourself versus letting an app do the cropping for you.
What "transparent background" means here
A digital image is always a rectangle. A "round" picture is really a square image where everything outside the circle is invisible. Those invisible pixels are called transparent: the background color of whatever page, slide or chat window you drop the image onto shows through them.
Without transparency, a round crop comes with white (or black) corners. On a white web page you might not notice. On a dark-mode chat app or a colored presentation slide, you'll see an obvious box around your circle.
Making the circle, step by step
- Open Circle Image Crop and click Click to upload an image. JPG, PNG and WebP files work well.
- A circle appears over the photo. Drag it so it sits on your face (or the object you want in the picture).
- Drag the handles around the circle to make it bigger or smaller. It always stays a perfect circle, so you can't accidentally make an oval.
- To zoom, scroll your mouse wheel over the photo, or pinch on a phone. Drag the photo itself to shift it under the circle.
- Click Download Circle PNG. The file is named after your original with
-circle added, so me.jpg becomes me-circle.png.
- Want to try a different photo? Click Reset and start again.
There are no other settings. The shape is always a circle and the output is always PNG. Your photo also never leaves your device: the browser loads it, draws the circle and creates the PNG locally, and nothing is uploaded to our server.
Framing your face so it looks right
Most profile pictures are shown small: a chat avatar next to a message, a thumbnail beside an email signature, a row of faces on a team page. A crop that looks fine at full size can look odd at that scale. A few habits help.
Leave some space above your head
If the top of your head touches the edge of the circle, the picture looks cramped, especially when it's shrunk down to avatar size. Leave a small gap of background above your hair.
Put your eyes slightly above the middle
Center your face left to right, but place your eyes a little above the middle of the circle rather than dead center. That's how most professional headshots are framed, and it leaves room for your chin and a bit of your shoulders at the bottom.
Watch the corners
The circle cuts away the corners of your original photo. If there's something important near the edges of a square photo, such as your hand, a logo on your shirt or some text, it may disappear. Check the preview before you download.
Start with a sharp, reasonably large photo
The size of the downloaded file matches the size of the circle on your original image, in real pixels. If you draw a tiny circle on a small photo, you get a tiny PNG, and when a website enlarges it to fit its avatar slot it can look blurry. Use the original photo from your phone or camera rather than a screenshot or a copy saved from a messaging app, which is often shrunk.
For example, Slack's help page says a profile picture should be at least 512 × 512 pixels and no larger than 1024 × 1024 pixels. If your circle comes out smaller than the minimum a site asks for, go back to a larger original photo rather than trying to enlarge the PNG afterwards.
Why the file has to be PNG
PNG is an image format that supports transparency (sometimes called an "alpha channel", which is just the information about how see-through each pixel is). It's also lossless, meaning it saves every pixel exactly without throwing detail away to save space.
JPEG, the usual format for photos, can't store transparency at all. If you saved a round crop as a JPEG, the transparent corners would be filled with a solid color. That's why Circle Image Crop doesn't offer a JPEG option.
The trade-off is file size. Because PNG keeps every pixel, a round photo saved as PNG can be larger than the JPEG you started with. Most avatar uploads accept it without trouble, but if a site rejects your picture for being too big, shrink it with Image Compress. Keep the output format as PNG or WebP there if you want to keep the transparent corners, since converting to JPEG fills see-through areas with white.
Where a round picture is useful
| Where | Why crop it yourself |
|---|
| Discord, Slack or Teams avatar | These apps already show avatars as circles. Cropping first lets you choose exactly what stays in frame instead of letting the app guess. |
| CV, portfolio site or email signature | A round headshot looks tidy next to text, and transparent corners blend with any background. |
| Team or speaker page on a website | Every person appears in the same round shape, even if their original photos were different sizes. |
| Slides and documents | The circle drops onto a colored slide without a white box around it. |
| Logos and product shots | Shows them as round badges or icons. |
When you don't need this tool
If an app already crops your upload into a circle and lets you position it, and you're happy with what it shows, you can skip this step and upload a normal square photo. Making the circle yourself is most useful when you'll use the same picture in several places, when you need the round shape on a page or slide that doesn't crop for you, or when the app's built-in cropper keeps cutting off the top of your head.
If you want the background behind you removed too
Circle Image Crop only cuts the photo into a circle. It doesn't remove the room, wall or street behind you; that stays inside the circle. If you want just your head and shoulders on a clean background, do it in two steps:
- Open Background Remover and upload your photo. It cuts out the background and gives you a PNG with a transparent background. The AI runs on your own device rather than on a server.
- Bring that PNG into Circle Image Crop, frame your face and download the circle.
The result is a round picture where both the corners and the area behind you are see-through, so whatever color the app or slide uses shows through.
What this tool doesn't do
- No ovals or other shapes. For square or rectangular crops, such as a 1:1 photo for a shop listing, use Image Crop.
- No border, outline or colored background is added. If you want a ring around your picture, add it in your slide or design program after you place the PNG.
- No JPEG output, since JPEG can't store transparency.
If you just need a quick avatar for Slack or Discord: crop it here, check the face isn't touching the top edge, and upload the PNG. If the site says the file is too large, run it through Image Compress and try again.
KhanTools — Free Online Web Tools
Free browser-based tools for images and PDFs. No uploads. 100% private.
Blog ·
About ·
Privacy Policy ·
Terms of Service ·
Contact
JavaScript is required to use KhanTools. Please enable JavaScript in your browser.