How-to Guide 3 min read

How to Crop an Image to a Circle

Circle-cropped images are used for profile photos on LinkedIn, Twitter, Facebook, GitHub, and most web platforms. Most image editors don't offer a circular crop directly — but you can create one by cropping to square, then applying a circular mask and exporting as PNG with a transparent background.

Files never leave your device ⚡ Instant browser processing 🆓 100% free — no account 🚫 No watermark on output
By ImgToolkit Team · Updated May 2026 · 3 min read · Processed in your browser
PNGJPGWebPGIFBMP

Quick Answer

Circle-cropped images are used for profile photos on LinkedIn, Twitter, Facebook, GitHub, and most web platforms. Most image editors don't offer a circular crop directly — but you can create one by cropping to square, then applying a circular mask and exporting as PNG with a transparent background.

Try it now — free, no signup

Your images stay on your device. Nothing is uploaded to any server.

Crop Image Free

Step-by-Step Guide

5 steps · takes under 1 minute

1

Crop to a square first

Open the Crop tool and set the aspect ratio to 1:1 (square). Drag to frame the face or subject in the centre of the square. Download the square crop.

2

Use a circle crop tool

For circular output with a transparent background, upload your square image to a circle cropper such as Canva's circle crop, Adobe Express, or the free tool at crop-circle.imageonline.co. These apply a circular mask and export PNG with transparency.

3

Download as PNG (not JPG)

Circle crops must be saved as PNG. JPG does not support transparency — saving a circle crop as JPG will add a white or black background, making it a square image again.

4

Verify the transparent corners

Open the PNG in a browser or image viewer. The corners should appear as a checkerboard pattern (transparency), not white. If they show white, the file was not saved with transparency.

5

Resize to target dimensions

After the circle crop, resize to the required size for your platform: LinkedIn profile is 400×400px, Twitter is 400×400px, GitHub is 500×500px. Use the Resize tool for this final step.

🔒

100% Private — Zero Uploads

ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.

💡

Pro tip

Use 75–85% quality for web images — you get 60–80% smaller files with no visible difference at normal screen sizes.

Format & File Size Comparison

Same 1080×1080px photo processed four ways

FormatQualityFile SizeNotes
PNG (original) Perfect 4.2 MB No compression — too large for web
Compressed PNG Visually identical 1.1 MB −74% — transparency preserved
JPG (85% quality) Excellent 310 KB −93% · Best for photos
WebP (85%)BEST Excellent 205 KB −95% · Recommended for web

Based on a 1080×1080px photo. Results vary by image content and complexity.

Related Free Tools

All tools run in your browser — no account or upload needed

Frequently Asked Questions

4 questions answered

Why must a circle crop be saved as PNG?

JPG does not support transparency — it has no alpha channel. The circular shape is defined by making the corners transparent. If you save a circle crop as JPG, those corners become solid white or black, turning the image back into a square. PNG (and WebP) both support the transparency needed for a true circle shape.

Will my circle image actually display as a circle on social media?

Social media platforms (LinkedIn, Twitter, Facebook, Instagram) apply their own circular mask to profile photos in the browser or app — you don't need to upload a pre-cropped circle. They take your square image and display it as a circle. However, for custom use (websites, apps, printed materials), a pre-cropped circle PNG gives you direct control.

My circle image has jagged edges — how do I fix it?

Jagged edges (aliasing) happen when the circle mask is applied without anti-aliasing, or when the image is very small. Fix: start with a large image (at least 800×800px), apply the circle crop at full resolution, then resize down. Resizing down after cropping smooths edges through downsampling.

Can I crop an image to other shapes — oval, rounded rectangle?

Using CSS (for web): you can display any image as any shape using the clip-path property without modifying the file. For standalone image files: oval and rounded rectangle shapes are available in Canva, Photoshop, and GIMP. ImgToolkit's crop tool focuses on rectangular crops — for complex shape masks, a vector editor gives more control.

Ready to get started?

Free, instant — your files stay on your device. Always.

Crop Image Free

All Free Image Tools

Image Compressor →Background Remover →Image Resizer →Crop Image →PNG to JPG →JPG to WebP →AI Upscaler →Watermark Tool →Blur Faces →Rotate Image →