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.
画像をここにドロップまたはクリックしてアップロード
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
その他の画像ツール
画像編集のニーズに応える他の強力なツールをご覧ください
画像圧縮
サイズ縮小
サイズ変更
寸法変更
画像切り抜き
領域を切り取る
形式変換
形式を変更
フォトエディター
写真を編集
画像回転
画像を回転
画像反転
水平/垂直反転
透かしを追加
透かし
枠線追加
画像枠線を追加
角丸
角丸を追加
フィルター
明るさ/コントラスト
顔をぼかす
顔を隠す
モザイク
領域をぼかす
背景削除
背景を削除
画質向上
AI拡大
テキスト追加
画像にテキストを追加
コラージュ
複数の画像を結合
HTMLから画像
Webを画像に
GIF からシーケンス
フレーム抽出
画像の余白を削除
空白の縁を削除
画像を一括リネーム
ファイル名を安全に一括変更
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