Browser tool

Circle Crop Image

Crop an image into a circle with zoom, pan, and an optional border — transparent PNG by default, entirely in your browser.

Browser-side · the circle is cut from a square of your chosen size. Use zoom and pan to keep a face or product centered.
Result will appear here.

How this tool works

Set the size

The output is a square of the size you choose, with the circle drawn inside it. The result panel confirms the final dimensions.

Frame with zoom and pan

Zoom in and pan horizontally or vertically to keep the important part of the image inside the circle.

Transparent or solid

Choose PNG or WebP for transparent corners, or JPG with a background color if the destination needs a solid background.

Add a border

An optional border width and color draw a ring around the circle for avatars and badges.

Circle Crop Image in your browser

Circle Crop Image cuts a circular region from your image — ideal for profile pictures and avatars. The circle is drawn inside a square of the size you choose, and the default PNG output keeps the corners transparent so the circle sits cleanly on any background.

Because faces and products are not always in the exact center, the tool gives you zoom and horizontal/vertical pan so you can frame the subject inside the circle. You can also add a colored border around the edge.

Output is PNG by default for transparency; choose JPG or WebP if you prefer, in which case the corners are filled with the background color you pick. The result panel shows the output size.

How to use Circle Crop Image

  1. Upload the image for the circle crop — click the upload area, press Enter, or drag it in.
  2. Set the output size, then use zoom and pan in Circle Crop Image to frame the face or subject inside the circle.
  3. Optionally add a border width and color, and pick PNG for transparent corners or JPG/WebP with a background.
  4. Click Process, check the preview and size, and download the circular image.

Why use this tool

Zoom and pan

Frame a face or product inside the circle instead of always cropping the exact center.

Transparent corners

PNG output keeps the corners transparent so the circle overlays any background cleanly.

Optional border

Add a colored ring around the circle for avatars and badges.

Private by design

Your image is cropped in your browser and never uploaded to a server.

Common uses for Circle Crop Image

Profile pictures

Make a round avatar for social, chat, or team pages with the subject framed using zoom and pan.

Circular logos

Cut a circular badge or logo with an optional border.

Round product thumbnails

Create circular product thumbnails with transparent corners.

Any-device avatars

Build a circle crop from a phone, tablet, or computer browser with the file staying local.

Frequently asked questions

Are my files uploaded to a server by Circle Crop Image?

No. The circular crop is created in your browser with the HTML canvas, and your image is never uploaded to imgtoolsbase or any server.

Does the circle crop keep transparent corners?

Yes, when you output PNG (the default) or WebP. The corners outside the circle are transparent. JPG cannot store transparency, so its corners are filled with the background color.

Can I move the image inside the circle?

Yes. Use the zoom slider and the horizontal and vertical pan controls to keep a face or product inside the circle instead of cropping the exact center.

Can I add a border around the circle?

Yes. Set a border width and color to draw a ring around the edge of the circle.

What size is the output?

The circle is drawn inside a square of the output size you set, so a 512 size produces a 512×512 image with the circle inside it.

Related image tools

Tools that pair well with Circle Crop Image.