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.
Drop images here or click to upload
Supports JPG, PNG, GIF, WEBP, SVG
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.
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.
Upload one image or a batch of them; every file in the run uses the same shape and border settings
Choose Circle for a round crop, or Square if you only want the centered square without the circular mask
Optionally raise Border Width above 0 and pick a border color — the stroke follows the edge of the crop
Apply, then download each PNG individually or grab the whole batch as one ZIP
Frequently Asked Questions
More Image Tools
Explore other powerful tools for your image editing needs
Compress Image
Reduce file size
Resize Image
Change dimensions
Crop Image
Cut out area
Convert Format
Change format
Photo Editor
Edit photos
Rotate Image
Rotate image
Flip Image
Horizontal/Vertical
Add Watermark
Add watermark
Add Border
Add image border
Rounded Corners
Add rounded corners
Filters
Brightness/Contrast
Blur Face
Hide faces
Mosaic
Blur regions
Remove Background
Remove BG
Enhance Image
AI upscale
Add Text
Add text to image
Collage
Combine multiple images
HTML to Image
Webpage to image
GIF to Image
Extract frames
Trim Image
Remove empty edges
Batch Rename Images
Safely rename files in bulk
Black & White
Convert images to grayscale
Split Image
Cut an image into a grid
Merge Images
Combine images into one
Change DPI
Set image DPI metadata
Image to Base64
Encode images as Base64