Profile Picture Maker
Crop for the circle every platform applies, and see it at the tiny size people actually look at.
Almost every platform crops to a circle, whatever you upload.
Or just drag the picture.
Shows through the corners when the format has no transparency.
Marks what the circle clips. Never included in the download.
Ignored by PNG, which is always lossless.
Drop an image here
or paste a photo with Ctrl+V. Nothing is uploaded.
Shown at the sizes people really see it
- 20px
- 32px
- 48px
- 96px
- 160px
Everything here runs on your device. Nothing you enter is uploaded or stored.
A profile picture has two properties that decide whether it works, and no ordinary cropper shows you either one: the circle a platform clips it to, and the 32 pixels at which it is usually seen.
How to use it
Drop in a photo. Drag it to position, or use zoom and the two move sliders. The dashed square marks what the circle keeps. Check the preview strip underneath — that is your real output at the sizes platforms display it — then download.
The circle costs more than it looks
A circle inscribed in a square keeps π/4 of the area, so roughly 21% of what you carefully positioned is gone. That is the well-known part. The part that catches people is stricter: the largest square that fits entirely inside the circle is the side divided by √2, about 71%. On a 512px avatar, that is 362×362 with a 75px margin on every edge.
So a logo that fills its square gets its corners shaved. A photo with a head near the top loses the top of the head. The tool draws the inscribed square and states its size, because “keep it centred” is advice you cannot measure against.
Twenty pixels is a real size
The strip under the preview renders your finished picture at 20, 32, 48, 96 and 160 pixels. Those are not arbitrary: 20 is a GitHub commit list, 32 is an X reply, 40 is a Discord message, 48 is a LinkedIn comment. Almost every impression your picture gets is in that range, and almost nobody looks at it at full size.
At 32 pixels a face that fills the frame reads. A face filling a quarter of the frame is 8 pixels across, which is not a face. A full-body shot is a coloured shape. This is the single most common reason a profile picture fails, and the fix is always the same: crop tighter than feels comfortable.
The strip is copied from the same canvas that gets encoded, not re-rendered from your source, so it cannot drift from what you download.
The JPEG corner trap
Save a circular crop as JPEG and you get four black triangles. It is not a bug in the crop — JPEG simply has no channel for transparency, and canvas pixels with no data encode as black. Plenty of online croppers ship exactly that file.
Here the corners are filled with your background colour when the format cannot hold alpha, and the tool says so while it is happening. PNG or WebP keeps them genuinely clear.
Zoom is sampling, not scaling
Position and zoom are turned into a source rectangle passed to the canvas, so your original pixels are read once at full resolution and encoded once. There is no intermediate downscale and no double resample. Zoom in far enough that the sampled region is smaller than the output and the result does soften — at which point the tool tells you the source resolution that would avoid it, rather than letting you find out on your profile.
What it does not do
It does not upload, so it cannot set your picture for you. It does not retouch, remove backgrounds or add borders. And it will not silently enlarge a small photo to a large avatar.
Which tool for which job
| You want to | Use |
|---|---|
| A circular avatar checked at small sizes | This tool |
| An X header with the avatar zone marked | X Header Resizer |
| A LinkedIn banner with the photo overlap | LinkedIn Banner Resizer |
| A free-form crop at any ratio | Image Cropper |
| Any exact pixel size | Image Resizer |
Your photo is decoded, cropped and encoded on your own device with the browser’s File and Canvas APIs. Nothing is uploaded, and closing the tab leaves no copy behind.
Questions
What size should a profile picture be?
512×512 works everywhere and is the default here. Individual platforms differ — X and LinkedIn want 400, YouTube accepts 800, Discord stores 128 — but they all downscale, so uploading one 512px square and letting each site resize it is simpler than making nine files. What matters far more than the upload size is the display size, which is usually between 20 and 48 pixels.
Why does my profile picture look cut off?
Because the platform crops it to a circle and you composed it as a square. A circle inscribed in a square keeps about 79% of the area, and the largest square that fits entirely inside that circle is only 71% of each side. On a 512px avatar that means anything which must not be clipped has to sit inside a 362×362 box. The dashed guide draws exactly that.
Why is there a preview at 20 pixels?
Because that is roughly the size your picture is shown in a GitHub commit list, and 32 is the size X uses beside a reply. A photo can look excellent at 512 and be an unreadable smudge at 32. The strip renders your actual output — copied from the same canvas that gets encoded — at five real display sizes, so the failure is visible before you upload rather than after.
Why are the corners of my picture black?
That is the JPEG trap, and this tool refuses to ship it. A circular crop leaves the corners with no pixel data, and JPEG has no way to store transparency, so those undefined pixels encode as black. Here the corners are filled with your chosen background colour instead, and the tool tells you when that is happening. Choose PNG or WebP to keep them genuinely transparent.
Does dragging change the image quality?
No. Zoom and position are applied as a source rectangle handed to the canvas, not as a CSS transform on a preview — so what you see is sampled from your original pixels at full resolution and encoded once. Zooming in far enough that the sampled region is smaller than the output does soften the result, and the tool tells you the resolution you would need to avoid it.
Last updated