Tooltrusty

Circular Crop & Avatar Maker

Drag to position, zoom to fit, add a ring — and export at the size your platform actually wants.

Drop an image here or click to choose a file — a photo to turn into an avatar

Runs in your browser. Your image is decoded and redrawn by the Canvas API inside this tab. It is never uploaded, and the original file on your disk is never modified — the tool always produces a new file.

What the circular Crop & Avatar Maker does

Most platforms display avatars as circles but store whatever square you upload, cropping it on display. That is usually fine and occasionally not: if the important part of your photo sits near a corner, the platform's automatic centre crop cuts it off, and you have no control over the result. Cropping the circle yourself removes the guesswork.

The image is drawn into a circular clipping path, so everything outside the circle is genuinely transparent rather than filled with white. Save as PNG and the avatar composites cleanly onto any background. That is worth understanding: choosing a transparent background and then saving as JPEG produces a black square, because JPEG cannot store transparency at all.

Drag the image to reposition it and use the zoom slider to fill the circle. Zoom starts at the point where the image just covers the circle, so 100% is always a complete fill with no gaps — you can only zoom in from there, never out into empty space.

The ring is drawn on top and inset, so it never eats into the visible photograph. It is useful for two reasons: it separates a light avatar from a light background, and it is a cheap way to carry a brand colour into a profile picture. Between 4% and 8% reads as deliberate; more starts to dominate the image.

Export sizes are offered rather than a free field because platforms have specific expectations. 400 × 400 is a safe general choice, 512 covers high-density screens, and 128 is enough for a small chat avatar. Uploading something enormous does not improve quality — the platform will downscale it anyway.

How to use it

  1. Load a photo. It is fitted to the circle automatically.
  2. Drag it into position and zoom until the framing looks right.
  3. Add a ring if you want brand colour or separation from the background.
  4. Pick an export size and download as PNG to keep the transparency.

A worked example

A portrait taken in landscape orientation, with the subject off to the left:

  1. Loading it fits the shorter dimension to the circle, so the face is off-centre and partly outside.
  2. Dragging right by about 80 pixels centres the face.
  3. Zooming to 130% fills the circle with head and shoulders rather than a lot of background.
  4. A 6% ring in the brand's lime separates it from the dark profile page it will sit on.
  5. Exported at 400 × 400 as PNG.

Had you uploaded the original landscape photo directly, the platform would have taken the middle square — which in this case contains a shoulder and a doorway, and no face at all. That is the whole argument for cropping avatars yourself.

Frequently asked questions

Should I save my avatar as PNG or JPEG?

PNG, if you want the area outside the circle to be transparent — JPEG cannot store transparency and will render it as a black square. If you have set a solid background colour instead, JPEG is fine and smaller.

What size should a profile picture be?

400 × 400 suits almost everything; 512 covers high-density displays. Larger uploads are downscaled by the platform anyway, so there is no quality benefit and a slower upload.

Why can I not zoom out below 100%?

Because 100% is defined as the point where the image exactly covers the circle. Zooming out further would leave empty wedges at the edges. If you want the whole photo visible with space around it, crop it square first with the Resizer & Cropper.

Will my avatar look right on a platform that shows squares?

It will show your circle on a transparent or coloured square. If a platform displays squares, that is usually what you want anyway — but check, because a ring designed for a circular display can look odd inside a square.