How to Crop a Photo for a Discord or Slack Avatar
Discord and Slack both take whatever photo you upload and show it as a small circle next to your name. If you upload a wide holiday shot, the app decides what ends up inside that circle, and it's often the wrong part: half your forehead, or a lot of sky. The fix is to crop the photo yourself before you upload it, so the app has nothing left to guess.
The short version: start with a sharp photo, crop it to a square with your face in the middle, check how it looks as a circle, and save it as a PNG or JPG. Slack asks for a picture of at least 512×512 pixels and no larger than 1024×1024. Discord doesn't publish an exact avatar size on its help pages, so a square of around 512 pixels or more is a sensible target that will still look clean when it's shrunk.
Why the circle changes everything
A square photo and a circle cropped from that square aren't the same picture. The circle cuts off the four corners, which is roughly a fifth of the image. Anything sitting in a corner, such as a hand, a pet's ear or text on a T-shirt, can disappear.
The other issue is size. In a chat window your avatar is shown tiny, often smaller than a thumbnail. Details that look fine at full size turn into mush. A face that fills most of the circle reads clearly. A face that takes up a tenth of the frame looks like a dot.
What size to aim for
| App | What the app says | Practical target |
|---|
| Slack | At least 512×512 pixels, no larger than 1024×1024 | A square between 512 and 1024 pixels |
| Discord | Supports PNG and GIF for avatars (animated GIFs need Nitro); no exact pixel size listed | A square of 512 pixels or more |
"Pixels" are the tiny dots that make up a digital image. A 512×512 picture is 512 dots wide and 512 dots tall. Most phone photos are several thousand pixels wide, so you have plenty to work with as long as you don't crop a tiny area out of a big scene.
Option 1: Crop a round avatar with Circle Image Crop
If you want to see exactly what the circle will show, our Circle Image Crop tool lets you frame the circle yourself. It runs in your browser, so your photo isn't uploaded to our server.
- Open Circle Image Crop and click Click to upload an image. JPG, PNG and WebP files work well.
- A circle appears over your photo. Drag it so your face sits in the middle.
- Drag the handles around the circle to make it bigger or smaller. It always stays a perfect circle.
- Scroll your mouse wheel over the photo, or pinch on a phone, to zoom in. Drag the photo to shift it under the circle.
- Click Download Circle PNG. If your file was called
me.jpg, you'll get me-circle.png.
The download is a square PNG with your photo inside the circle and fully transparent corners. When Discord or Slack draws its own circle on top, it lines up with yours, so nothing unexpected gets cut.
One thing to know: the output size is the size of the circle on your original photo, in real pixels. If you draw a small circle on a small photo, the file will be small too and may look soft. Draw the circle generously on a large, sharp photo.
Option 2: Crop a plain square with Image Crop
Since both apps already round the picture for you, a plain square works just as well. Use Image Crop if you'd rather have a normal square file, or if you want a JPG instead of a PNG.
- Open Image Crop and upload your photo.
- Pick 1:1 in the Ratio bar so the crop box stays square.
- Move and resize the box so your face fills most of it, with a little space above your head.
- Choose PNG or JPEG in the Format menu.
- Click Download Cropped Image.
With a square, remember to keep important things away from the corners, because the app will still cut them off when it shows the circle.
Framing tips that work at chat size
- Leave a little room above your head. A face touching the top of the circle looks cramped at small sizes.
- Put your eyes slightly above the middle. That's how most professional headshots are framed, and it looks natural in a circle.
- Zoom in more than feels right. At full size a tight crop can seem too close. At 40 pixels across in a sidebar, it's usually just right.
- Pick a plain background if you can. A busy room behind you competes with your face. If you want to get rid of it, run the photo through Background Remover first, then crop the result into a circle.
- Use good light. A sharp, evenly lit photo survives being shrunk far better than a dim or blurry one.
If the app rejects your file
PNG files keep transparency, but they can be larger than you'd expect, especially for photos. If an upload fails or takes ages, open Image Compress, set a max width of around 1024, and try JPEG or WebP at about 80% quality. Keep in mind JPEG has no transparency, so the see-through corners turn white. That doesn't matter for Discord or Slack, because they crop to a circle anyway.
If you're uploading to Slack and the picture comes out blurry, check that it's at least 512 pixels on each side. A crop taken from a small part of a photo can drop below that without you noticing.
Uploading the finished picture
In Slack, you change your photo from your profile, where you'll see an option to upload an image. In Discord, you change your avatar from your profile settings, and you can also set a different avatar for a single server if you want one picture for friends and another for a work community. Both apps may show you a crop box when you upload. Because you've already framed the photo, you can usually leave that box as it is.
Is it worth doing the crop yourself?
If your photo is already a close-up selfie, the app's own crop box is probably fine. Cropping first makes the biggest difference when you're starting from a wider shot, a group photo, or a picture where you aren't in the centre. It also helps when you want the same avatar on several apps, such as Discord, Slack and Microsoft Teams, since one well-framed square file will look consistent everywhere.
If you only need a quick change on your phone, your phone's built-in photo editor can crop to a square too. The advantage of a circle preview is seeing exactly what will be cut before you upload.
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.