The Complete Image Size Cheat Sheet for Every Platform (2026)
Every platform wants a slightly different size, and getting it wrong crops your face off or...
Read guideFacebook keeps a square and shows a circle, at a surprisingly small size on desktop. Frame against that circle here, export a PNG, and nothing leaves your browser.
JPG, PNG or WEBP, any shape
We put the same 600 by 600 portrait, a 42.9 KB JPG, through this tool at every size offered above and weighed the PNG that came out. Default zoom, no ring.
170 is the size most desktop viewers see, but exporting at exactly 170 leaves nothing for phones or for any view that draws it larger. 320 costs 99 KB more and covers both.
Your upload is a square. Every one of these is a circle cut out of it.
| Placement | What it is | Shape |
|---|---|---|
| Your profile | The largest view | Circle |
| Posts and comments | Small, beside everything you write | Circle |
| Friends list and search | Smaller still | Circle |
Facebook's display size on desktop is around 170 pixels, which is why exporting at 320 is not wasteful. It is roughly two device pixels for every one you see.
Facebook stores the square you give it and generates every smaller version from that one file. The size you upload is therefore a master copy, not the thing anyone looks at, and the sensible target is the size that downscales cleanly rather than the biggest number available.
Device pixel ratio is why the upload is bigger than the display. A phone or modern laptop packs two or three physical pixels into every CSS pixel, so an avatar drawn at 40 pixels on screen needs 80 or 120 real ones to look crisp. Platforms also generate their own thumbnail set, and a server downscaling a generous file beats a browser stretching a small one.
The trap is going too far the other way. Exporting above your source resolution does not create detail, it interpolates, and you pay for it in file size. Check what your original actually is before reaching for the largest option here.
A circle drawn inside a square covers pi divided by four of its area, which is 78.5 percent. The missing 21.5 percent comes entirely from the four corners, and a corner pixel sits about 1.41 times further from the center than the nearest point on the circle. Anything out there is not close to surviving the crop.
That is why framing against a square and hoping goes wrong so often. A photo composed for a square is usually framed too wide for a circle, which is how avatars end up as a small head floating in the middle of a lot of background. Keep what matters inside roughly the central 80 percent of the circle and it will still read when Facebook draws it small.
There is no face detection. You drag and zoom, which takes a few seconds and never crops the wrong person out of a group shot. To trim the original to a rectangle first, use the image crop tool.
At 100 percent the photo exactly covers the circle. Zoom out and you get transparent wedges at the rim, because the file genuinely has nothing in those pixels.
Exporting a 300 pixel photo at the largest size gives you a big file that still looks like a 300 pixel photo. Enlarge on purpose with the image upscaler first if you need to.
320 by 320 is the commonly published upload size and the default here. Facebook displays it at roughly 170 pixels on desktop and smaller elsewhere, so you are uploading about double what most people will see, which is what keeps it sharp on high density screens.
Because the square is storage and the circle is presentation. Facebook keeps your square file and draws a circular mask over it at display time, so the corners of your photo are never seen even though they are still in the file. Framing against the circle is the only way to know what survives.
Close enough for this tool. Both are stored square and displayed as a circle at similar sizes, so a 320 pixel export works for either. Cover photos are a different shape entirely and are not what this page makes.
Comment avatars are tiny, and blur at small sizes usually means the file was upscaled somewhere. If your source photo was smaller than what you exported, the softness was already baked in. Check the original dimensions before you crop.
No. It is read by your browser, drawn onto a canvas and encoded there. Nothing is sent to a server, which you can confirm with your network tab open.
The same circular crop for LinkedIn, Slack, GitHub and X.
Open toolDiscord avatars at the power-of-two sizes its CDN serves.
Open toolRectangles and fixed ratios, before you go circular.
Open toolCut the background out for a cleaner avatar.
Open toolEnlarge a small portrait before you crop it.
Open toolBring a heavy PNG back under a byte limit.
Open toolPNG to JPG with a background color when transparency is not wanted.
Open toolExact pixel sizes for banners and headers.
Open toolEvery platform wants a slightly different size, and getting it wrong crops your face off or...
Read guideA comprehensive comparison of JPG, PNG, and WEBP image formats. Learn when to use each format...
Read guideYou drop a photo into a free online compressor, a bar fills up, and a smaller file comes back...
Read guide