Circle Crop Image
إفلات an image here
أو click to browse
Supports JPG, PNG, WebP, BMP
How to Use
1
Upload
Drag and drop or click to select an image (JPG, PNG, WebP, BMP).
2
Adjust Circle
Use the size and offset sliders to position the circle exactly where you want.
3
Choose Background
Pick transparent (best for avatars), solid color, or pick a custom color.
4
Download PNG
Click "Download PNG" to save your circular image.
Detailed User Guide
Step 1: Upload Your Image
Click the dropzone or drag and drop any image file. JPG, PNG, WebP, and BMP are all supported. The image will be loaded onto a canvas for editing.
Step 2: Position the Circle
Use the Size slider to control how big the circle is (10% to 100% of the image). Use the Offset sliders to move the circle horizontally and vertically — useful when the subject is off-center.
Step 3: Choose Background
- Transparent — Best for avatars and overlays.
- White — For documents or slides.
- Custom Color — Match your brand.
Step 4: Download
Click "Download PNG" to save. PNG format preserves alpha (transparency).
Common Use Cases
- Social media avatars
- LinkedIn profile
- Team directories
- App icons
Frequently Asked Questions
Yes — by default, the area outside the circle is fully transparent. The output PNG preserves alpha.
Yes. Use the horizontal and vertical offset sliders to move the circle anywhere in the image.
No. Everything happens in your browser using HTML5 Canvas.