Circle Crop Image - Free Online PFP Cropper

Crop any image into a circle with a transparent background, entirely in your browser. Add an optional border, process files in batches, and download the result as PNG.

What Circle Crop Does

This tool measures your image, takes the shorter of its two sides as the output size, and draws a centered square region onto an in-browser canvas at that size. With Circle selected, it then defines a circular path inscribed in that square and clips to it, so every pixel outside the circle is written as fully transparent rather than filled with a color. With Square selected, the clip is skipped and you get the centered square crop on its own — useful when a platform will apply its own circular mask later. The circle's diameter always equals the shorter edge of your source image, and there is no way to shift the crop off-center. The transparency is the reason the output is always encoded as PNG. JPG has no alpha channel at all, so a circle-cropped image saved as JPG would come back with the corners filled solid black or white and the circular shape effectively gone; the tool does not offer JPG for that reason. The optional border is stroked along the same path used for the clip, inset by half its width so it stays inside the canvas rather than being cut off at the edge. Setting Border Width to 0 disables it entirely. The tool does not resize, upscale, or resample the area it keeps — the pixels inside the circle are the original pixels at their original resolution, and the canvas comes out exactly as wide and tall as your image's shorter side. One side effect worth knowing: if your source was a JPG, the PNG that comes out can be larger than the file you started with, sometimes considerably, because PNG stores photographic detail losslessly instead of discarding it.

Why Crop to a Circle in the File

CSS border-radius rounds an image only while a browser is rendering it. Anywhere the file is displayed as-is — email, PDFs, slide decks, video thumbnails, print layouts — the circular shape has to already exist in the image's alpha channel.

Produce a profile picture that stays circular when a platform shows it without applying its own mask
Composite a circular avatar into a larger flattened graphic such as a badge, certificate, or card layout
Place round headshots into slide decks and documents without drawing a mask by hand in an editor
Keep the source image local — cropping runs on your device, so nothing is uploaded to a server

How to Crop an Image Into a Circle

Four steps, all performed locally — the image is decoded, clipped, and re-encoded without touching a server.

1

Upload one image or a batch of them; every file in the run uses the same shape and border settings

2

Choose Circle for a round crop, or Square if you only want the centered square without the circular mask

3

Optionally raise Border Width above 0 and pick a border color — the stroke follows the edge of the crop

4

Apply, then download each PNG individually or grab the whole batch as one ZIP

Frequently Asked Questions

Because the area outside the circle has to be transparent, and JPG has no alpha channel to store transparency in. If the result were encoded as JPG, every transparent pixel would be flattened onto a solid color and the corners would come back black or white, leaving you with a square image that has a circle drawn in it. PNG carries the alpha channel, so the tool always encodes to PNG regardless of what format you uploaded.
Some viewers cannot display transparency and substitute a solid color instead. Windows Photo Viewer, certain PDF and Office import paths, and older image previewers commonly render alpha as black or white. Uploading the PNG to a service that re-encodes it as JPG causes the same thing permanently. The file itself is fine — open it in a browser or any editor that supports alpha to confirm the corners are genuinely transparent.
Yes, and most platforms already display avatars in a circular frame. Common target sizes are 400x400 for X, 320x320 for Instagram, 400x400 for LinkedIn, and 800x800 for Discord. This tool does not resize, so the output is as large as the shorter side of your source image — if a platform needs specific dimensions, resize before or after cropping. Platforms that apply their own circular mask will work fine with the Square option too.
The crop is centered and uses the shorter side as its size, so a wide photo loses material from the left and right, and a tall photo loses material from the top and bottom. A 3000x1000 image becomes a 1000x1000 circle taken from the middle third. There is no way to reposition the crop, so if your subject sits off-center, crop the image to a rough square first and then run it through this tool.
Border Width sets a stroke, from 0 to 20 pixels, drawn along the same path used to clip the image. It is inset by half its width so the whole stroke stays inside the canvas rather than being clipped at the edge, which means the border covers the outermost pixels of your image rather than expanding the output size. Border Color accepts any color from the picker. Setting the width to 0 turns the border off completely.
No. Decoding, clipping, and PNG encoding all happen in your browser through the canvas API, so the image data never leaves your device. That makes it safe for personal photos and identity documents, and it means the practical limit on batch size is your device's memory rather than an upload cap. Once the page has loaded, the tool continues to work with no network connection.
Yes. Add as many files as you like and they all run through the same shape, border width, and border color in one pass, then download individually or as a single ZIP. Since the crop is always centered and sized to the shorter edge, a batch of mixed aspect ratios will be cropped differently from one file to the next. Check a couple of the most extreme images before trusting the whole set.
Not in any useful sense. The pixels outside the circle were discarded when the crop was applied, so nothing remains to restore. Choosing Square on the original source image gives you the centered square crop instead. If you already have a circle-cropped PNG and need an opaque square, composite it onto a background color in an editor — the corners will be that flat color, not the original content.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요