Circle Crop Image Online Free
Crop any image to a circle with live preview at the actual sizes social platforms display avatars. Drag to reposition, zoom, transparent PNG export. No upload.
Drop a photo to crop to a circle
Drag & drop, paste from clipboard, or click to browse. Supports JPG, JPEG, PNG, WEBP, GIF, BMP, SVG, TIFF
Why You Need a Circle Crop Tool
Every major social platform displays profile pictures as circles. X (Twitter), Discord, Instagram, LinkedIn, WhatsApp, Reddit, YouTube, Telegram, Slack, Microsoft Teams all do this. The reason is consistent: circular avatars feel less intrusive in dense feeds and create a sense of identity around a face or logo.
The problem is that you upload a square (or worse, a rectangle), and the platform draws a circle on top, hiding the four triangular corner regions. If your logo's edges, your face, or important text falls in those corners, it disappears. Most people only notice after the fact, when their avatar looks wrong in their own profile or in someone else's reply.
Pre-cropping to a circle solves this in two ways. First, you see the exact result before uploading instead of after. Second, you can deliberately position your subject so the visible region matches your intent. The tool above shows you the final result at the exact pixel sizes your platform will display, so a face that looks fine in your 400 × 400 design also reads correctly at 48 × 48 in someone's timeline.
Display Sizes by Platform in 2026
Your profile picture is rendered at very different sizes across the platform's interface. Designing for the largest size only means the smaller versions become unreadable.
| Platform | Profile page | Feed / timeline | Smallest visible size |
|---|---|---|---|
| X (Twitter) | 200 × 200 px | 40-48 × 40-48 px | 24 × 24 px (notifications) |
| Discord | 120-256 × 120-256 px | 40 × 40 px (chat) | 32 × 32 px (member list) |
| 110 × 110 px | 32-40 × 32-40 px | 28 × 28 px (stories ring) | |
| 200-300 × 200-300 px | 56 × 56 px (feed) | 32 × 32 px (notifications) | |
| 500 × 500 px | 40 × 40 px (chat list) | 40 × 40 px | |
| YouTube | 800 × 800 px | 36 × 36 px (comment) | 24 × 24 px (header) |
| 256 × 256 px | 28 × 28 px (post comment) | 24 × 24 px |
Design Tips for Circular Avatars
- ✓Center your face, logo, or key element. Anything off-center risks the circular crop hiding part of it.
- ✓Leave at least 10-15% padding on all sides. Even with centered content, the circle crop is unforgiving of tight margins.
- ✓Test at 24 × 24 pixels. The smallest display size in notifications, mobile search, and dense feeds. If your design isn't recognizable at that size, simplify the composition.
- ✓Use bold, simple shapes. Detailed line work and small text disappear at thumbnail sizes. Strong silhouettes and high contrast survive scaling.
- ✓Avoid critical content near the edges. The circle clips everything outside a centered disc, so edge content is at risk regardless of how careful your design is.
- ✓Match background and platform tone when possible. A transparent PNG looks good against any background, but solid backgrounds can clash with platform UI themes.
- ✓Consider a ring border for visual identity. A 4-8 pixel ring in your brand color creates a recognizable signature across all the places your avatar appears.
Platform Presets
Jump directly to a workflow pre-configured for your destination platform.