The platform draws a circle. Your file is still a square.

X, LinkedIn, Slack and a dozen comment widgets take a square, then paint a circle. If you send a 16:9 selfie, the crop eats a shoulder or a hairline. If you send a square with the face on the left third, the circle eats the ear. Fit can emit the square. It cannot log into those sites and preview their CSS.

The box

Start with a square. 400×400 is a workable floor. 800×800 or 1080×1080 is safer if the source has the pixels. Do not upscale a 120-pixel icon and expect skin texture. Keep both eyes inside the middle 70 percent. Hats, mics and tall hair need more headroom than you think.

What Fit does

Homepage → square preset or type equal width and height. Fill is the usual mode: it crops the long side. Nudge the crop so the nose sits near centre — the tool’s crop frame is a rectangle, not a circle, so imagine the circle inside that rectangle. Download. Upload on the site. Check the live circle. If an ear is gone, come back and shift the crop. That loop is the product.

The ceiling this page exists for

Fit will not apply X’s circle, LinkedIn’s circle, or Discord’s squircle. It will not remove a background. It will not generate a face. Banner / cover photos are wide rectangles; they are not avatars. A YouTube thumbnail is 16:9 — use YouTube. An Instagram grid tile is a different social box — use Instagram.

LinkedIn banner vs avatar

People paste one landscape into both slots. The banner wants a wide strip with the subject offset because the avatar overlaps it. The avatar wants a tight square. Two exports. Two presets. Modes explained on modes.