Pixotter
How to Crop an Image Into a Circle
You need a circular profile picture, a round avatar for your team page, or a circle-shaped graphic for a presentation. Most image editors make this surprisingly annoying — you dig through shape tools, layer masks, and export settings just to get a round image with a transparent background.
Pixotter's circle crop tool does it in your browser. Drop an image, get a circle. No software to install, no account to create, no files uploaded to any server.
Why Crop Images Into Circles?
Circular images show up everywhere:
- Profile pictures — LinkedIn, Slack, GitHub, Discord, and most social platforms display avatars as circles. Uploading a pre-cropped circle ensures your subject is centered and nothing important gets cut off by the platform's auto-crop.
- Team pages — Company websites almost always show team headshots in circles. Pre-cropping gives you control over framing instead of relying on CSS
border-radiusto guess the right center point. - Social media graphics — Story highlights on Instagram, channel icons on YouTube, and pinned elements on Pinterest all use circular frames.
- Presentations — Speaker bios, org charts, and customer testimonials in slide decks look cleaner with circular photos.
- Logos and design elements — Circular badges, stamps, and icons are common in branding. Starting from a circle-cropped photo saves a step in your design workflow.
How to Crop an Image Into a Circle With Pixotter
The entire process runs locally in your browser. Nothing is uploaded.
- Open pixotter.com/crop-circle/
- Drop your image onto the page (or click to browse your files)
- The tool pre-selects Circle mode — the crop area locks to a 1:1 square ratio
- Drag the crop area to frame your subject. Adjust the diameter if needed.
- Click Download — your image saves as a PNG with a transparent background
That is the entire workflow. The circular areas outside the crop are rendered transparent using an alpha mask, which is why the output is always PNG — JPEG does not support transparency.
Batch Circle Cropping
Have a set of team headshots that all need the same circular treatment? Drop up to 20 images at once. Pixotter applies the same circular crop settings to every image in the batch, saving you from repeating the process for each file individually.
Circle Crop Settings
Circle diameter — controls the size of the circular crop area. For profile pictures, this is usually the full width of the subject's head and shoulders.
Position (X/Y offsets) — moves the crop area to center your subject precisely. This matters more than diameter for getting good results — a slightly off-center crop is the difference between a professional headshot and an awkward one.
Compression quality — PNG output quality. For web use, the default setting works well. If you need a smaller file, lower the quality slider or run the output through Pixotter's compression tool afterward.
Output format — always PNG. Circular crops require transparency (the corners outside the circle must be transparent, not white or black). JPEG does not support alpha channels, so PNG is the only viable output format for circle crops. If you need the result in another format, convert it with Pixotter's format converter — but be aware that converting to JPEG will fill the transparent areas with a solid color.
Circle Crop vs. Rectangle Crop
| Factor | Circle Crop | Rectangle Crop |
|---|---|---|
| Output format | PNG (transparency required) | Any format (JPEG, PNG, WebP) |
| Transparent corners | Yes — areas outside the circle are transparent | No transparency needed |
| Common uses | Profile pictures, avatars, badges, logos | Thumbnails, banners, product photos |
| Aspect ratio | Always 1:1 (square bounding box) | Any ratio (16:9, 4:3, custom) |
| File size | Larger (PNG + alpha channel) | Smaller (JPEG compression available) |
| Platform support | Universal — every browser and OS renders PNG transparency | Universal |
When to use circle crop: Profile pictures, team pages, social media avatars, presentation bios, any design that calls for a round image.
When to use rectangle crop: Product photos, blog thumbnails, social media posts, banners, and anything where the full rectangular frame is visible. For rectangular cropping, use Pixotter's standard crop tool.
Common Circle Crop Sizes by Platform
Most platforms accept any size and resize automatically, but uploading at the recommended resolution avoids quality loss from upscaling.
| Platform | Displayed Size | Recommended Upload Size | Notes |
|---|---|---|---|
| 400×400 px | 800×800 px | Profile photo — auto-cropped to circle by LinkedIn | |
| Slack | 512×512 px | 512×512 px | Workspace avatar |
| GitHub | 460×460 px | 460×460 px | Profile avatar — also used in commit history |
| Discord | 128×128 px (displayed) | 1024×1024 px | Server and user avatars |
| 110×110 px (displayed) | 320×320 px | Story highlights and profile | |
| YouTube | 98×98 px (displayed) | 800×800 px | Channel icon |
| Google Meet | 64×64 px (displayed) | 256×256 px | In-call avatar |
| Zoom | 150×150 px (displayed) | 400×400 px | Profile photo |
General rule: Upload at 2x the displayed size for sharp rendering on high-DPI screens. A 200px displayed avatar should be uploaded at 400×400px minimum.
After circle-cropping, you may need to resize the image to hit these exact dimensions. Crop first, then resize — this preserves the most detail.
Tips for Better Circle Crops
Center your subject before cropping. The circle's center should align with the most important part of the image — usually the subject's face for headshots, or the logo mark for brand assets. Use the X/Y position controls to fine-tune placement.
Start with high-resolution source images. Circle crops magnify quality issues because the visible area is smaller than the original. A slightly soft photo that looks acceptable at full size may look noticeably blurry after cropping to a 400px circle. Aim for source images at least 3x the final circle diameter.
Always save as PNG. The tool outputs PNG by default, and for good reason — JPEG cannot represent transparency. If you save a circle crop as JPEG (by converting afterward), the transparent corners become white, which defeats the purpose. Keep the PNG for any context where the circular shape matters. For more on when PNG makes sense, read our PNG vs. WebP comparison.
Compress the PNG output if file size matters. Circle-cropped PNGs can be large because PNG is a lossless format. If you are uploading to a platform with file size limits, run your output through Pixotter's compression tool to reduce file size while maintaining transparency. For guidance on target file sizes for web use, see our image size for websites guide.
Crop first, resize second. If you need a specific pixel dimension (say 512×512 for Slack), crop to circle first, then resize to the exact size. This order preserves the most image detail. Resizing first and then cropping risks losing important areas of the image.
FAQ
Can I crop a JPEG into a circle?
Yes. Drop any JPEG into Pixotter's circle crop tool and it will produce a circular crop. The output is saved as PNG because JPEG does not support transparency — the transparent corners require an alpha channel that only PNG (and WebP) provide.
How do I add a background color to a circle-cropped image?
If you need the image on a colored background instead of transparent, open the circle-cropped PNG in any image editor and place it on a colored canvas. Alternatively, if you are using the image on a website, set the background color with CSS (background-color) on the element containing the image — this is more flexible because you can change the color without re-exporting the image.
What size should a circular profile picture be?
It depends on the platform. LinkedIn recommends 800×800px, Slack uses 512×512px, and Discord accepts up to 1024×1024px. Check the platform sizes table above for specific recommendations. When in doubt, 800×800px works well for most platforms. See our standard photo print sizes guide for more dimension references.
Can I batch crop multiple images into circles?
Yes. Pixotter supports batch processing for up to 20 images at once. Drop all your images, configure the circle crop settings once, and download all results. This is useful for processing team headshots, speaker photos for an event page, or avatar sets for a design system.
Why does my circle crop save as PNG instead of JPEG?
Because JPEG does not support transparency. A circular crop has transparent corners — the areas outside the circle. PNG supports alpha-channel transparency, which is what makes those corners invisible instead of white or black. If you convert the PNG to JPEG, the transparent areas will be filled with a solid color (usually white).
How do I crop a circle in the exact center of my image?
On Pixotter's circle crop tool, the crop area defaults to the center of the image. If your subject is not centered in the original photo, use the X and Y position controls to move the crop area so the circle is centered on your subject. For headshots, align the center of the circle with the bridge of the nose.
Is the circle crop tool free?
Yes. Pixotter's circle crop tool is free with no usage limits, no watermarks on output, and no account required. Your images are processed entirely in your browser — nothing is uploaded to any server.
Does Pixotter upload my images to crop them?
No. All processing happens locally on your device using your browser's built-in Canvas API. Your images never leave your computer. This is true for circle crops, rectangle crops, and every other Pixotter tool.