Circle Crop Image

Drag the photo inside the round frame, zoom until the subject sits centred, then save the circle as PNG, WebP, or JPG.

Drag, zoom, and straighten the photo until the round frame holds the face.

Export a transparent PNG, a lighter WebP, or a flattened JPG avatar.

  • Live round preview with exact file size.
  • Optional outline ring in any colour.
  • Copy the circle straight to your clipboard.

How to circle crop an image online

Follow these three moves to frame a face inside the round mask and save the circle at the right size.

  1. 1

    Open your photo

    Pick a JPG, PNG, WebP, or HEIC picture from your device. The round frame appears over it immediately, sized to the largest circle the shorter side of your photo can hold.

  2. 2

    Frame the subject

    Drag the photo under the round mask and pull the zoom slider until the face or product sits where you want it. The straighten slider fixes a tilted horizon before you commit.

  3. 3

    Pick a size and save

    Choose a preset such as 512 pixels for chat apps or 400 for a professional profile, decide between a transparent or filled backdrop, then download the circle or copy it to the clipboard.

Round mask you can drag

The circle stays fixed while the picture moves underneath, which makes centring a face far quicker than nudging a square selection box around.

Straighten before cropping

A rotation slider plus quarter turn buttons level a crooked shot, and the round mask redraws instantly so you never crop a tilted face by accident.

Three export formats

PNG keeps the cleanest transparent edge, WebP saves the same transparency in a much smaller file, and JPG covers places that reject either one.

Avatar size presets

Jump to 1024, 512, 400, 256, or 128 pixels, or type an exact number, so the circle matches what Slack, Discord, or a directory listing expects.

Outline ring control

Add a coloured ring of any thickness around the circle when the avatar has to sit on a page the same shade as the photo edge.

File size shown up front

The preview is rendered with the same code as the download, so the kilobyte count beside it is the real weight of the file you are about to save.

Where the round crop happens

Every step of the circle crop runs inside this tab, which matters when the picture is a client portrait, a passport photo, or an unreleased product shot.

Processing Browser

Your picture is decoded by the browser, masked to a round shape on a canvas element, and encoded again without any network call.

Storage None

The photo, the circle position, and the ring colour are held in page memory and disappear when the tab closes or reloads.

Circle Crop Image account access

No sign-in is asked for. Guests get the same round crop, the same formats, and the same clipboard copy as members.

Worth knowing before you circle crop

A few practical notes that decide whether the round crop looks sharp or soft where you finally place it.

Privacy

Nothing is uploaded, so client headshots and family photos never leave this device.

Only crop pictures you have permission to publish, especially portraits of other people.

Input Quality

Start with a photo wider than the circle size you plan to export.

Zooming past two or three times on a small picture will show soft edges.

Output

Transparent corners need PNG or WebP because JPG always fills them with colour.

Check the circle against its real background before replacing the original file.

Limits

Circle Crop Image handles a single picture per session and exports up to a 4096 pixel wide circle.

Circle Crop Image questions

How do I crop an image into a circle?

Upload the picture, drag it under the round mask until the subject is centred, zoom to taste, choose an export size, then download the circle as a PNG.

Will the area outside the circle be transparent?

Yes, as long as you keep the transparent backdrop and export as PNG or WebP. JPG has no transparency channel, so it fills the corners with the colour you pick.

What size should a circular profile picture be?

512 pixels suits Slack, Discord, and Notion, 400 covers most professional networks, and 1024 gives room for retina displays. Any of them can be picked from the size list.

Does a rectangular photo still give a true circle?

Yes. The mask is locked to a square selection, so the exported shape is always a real circle rather than an oval, no matter how wide or tall the source is.

Can I paste the circle straight into another app?

Use the copy button and the round PNG goes to your clipboard, ready to paste into a chat message, a slide, or a document without saving a file first.

4.5 (372 ratings)