Round Image Cropper

Your Profile Picture Deserves Better Than a Platform Crop

Every major platform — LinkedIn, Twitter/X, GitHub, Slack, Discord — crops your profile photo into a circle automatically, but they do it their way, at their moment, with no input from you. The result is often a forehead getting clipped or a face pushed awkwardly to one side. The Round Image Cropper puts that control back in your hands. Upload your photo, pick your shape, zoom and pan until your subject sits exactly where you want it inside the frame, and download a transparent PNG that looks perfect on any background — light, dark or gradient.

Six Shapes, One Tool

Circle is the universal profile picture shape — 400×400px works on virtually every platform, but 800×800px gives you headroom for retina displays and future-proofs the file. Oval uses a 4:3 vertical ellipse, which flatters portrait-orientation face shots and gives a softer edge than a hard circle.Rounded Rectangle applies corner rounding proportional to the output size — this is the shape used by iOS app icons, Shopify product thumbnails and most modern card UI elements. Hexagon has become the signature shape of Discord servers, tech brand avatars and gaming communities. Star works as a bold highlight cutout — think Instagram story highlights or promotional badges.Diamond is a square rotated 45°, used in editorial layouts and magazine-style design grids.

Zoom and Pan — Getting Your Subject Centred Properly

The cropper uses a cover-fill algorithm: at 100% zoom, the image always fills the entire shape with no empty space. Increasing the zoom magnifies the image inside the shape boundary, giving you extra room to pan. The Horizontal and Vertical pan sliders each run from -100 to +100 — at extremes, the image shifts to its edge, letting you frame a specific side or corner. The sweet spot for face photography is typically 110–130% zoom with pan adjusted to centre the face. For logos and icons with surrounding whitespace, 100% zoom with no pan usually works perfectly. When you need a standard rectangular crop first — to remove background clutter before shaping — run your image through the Image Cropper first, then bring it here.

The Border Ring Feature

The optional border ring draws a coloured stroke around the outside of the shape, inside the canvas boundary. It works on all six shapes — you get a clean circular ring, hexagonal outline, star border or any other shape border. The width goes up to 80px, which at 800px output size gives a thick decorative ring similar to Instagram story highlight rings. Six preset colours cover the most common use cases: white for light-background avatars, black for dark backgrounds, indigo, pink, amber and green for branded identity work. The colour picker lets you match any brand colour precisely. The border is rendered at full resolution and is included in the transparent PNG output.

Transparent PNG — Why It Matters

Unlike JPG, which always has a solid background, the output from this tool is a PNG with a fully transparent background. This means the shaped image sits cleanly on top of any colour, pattern or photo — in a website, a presentation slide, a social media graphic or a Figma design file. There is no white box or grey square around the shape. If you are building a team page, a speaker grid or a client logo wall, transparent PNGs are the correct format to use. After generating your shaped image, if file size is a concern, run it through the Image Compressor — PNG files with large transparent areas compress extremely well.

Favicon and App Icon Workflows

Rounded rectangle crops are the first step in preparing app icons for iOS, Android and PWA manifests. iOS requires a square source image with no rounding applied (the system adds corner radius automatically), but Android adaptive icons and PWA icons often need pre-rounded assets. Generate a rounded rectangle PNG here at 1024×1024px, then pass it through the Favicon Generator to produce the full set of required sizes (16, 32, 48, 64, 128, 256px ICO plus 192 and 512px PNG for PWA manifest). For any resizing needed between those steps, the Image Resizer handles batch pixel-exact scaling.

Common Questions About Circle Crops

What size should I export? 800×800px covers retina displays and satisfies every platform that uses 400px or smaller display sizes. Only go larger if you have a specific high-resolution print need. Will the transparent area show as white when I upload to platforms? Most platforms (LinkedIn, Twitter, GitHub) render transparent PNGs correctly against their own background colour. Facebook sometimes renders transparency as black on certain surfaces — if this is a concern, add a white or light-coloured border ring to fill the transparent area before the platform processes it. Can I use this for product mockups? Yes — the diamond and hexagon shapes work well for creating shaped product detail cutouts in marketing materials.

What Works Best as Source Material

High-contrast source images with a clear subject against a simple background produce the sharpest-looking shaped crops. If your photo has a busy or distracting background, use the Background Remover before cropping here — a clean transparent or solid-colour background makes the shape edge read much more clearly. For passport-style headshots that need to conform to specific official framing rules rather than creative shapes, the Passport Photo Maker is the right tool — it handles exact dimension requirements and print sheet tiling.

✓Verified by ToollyX Team · Last updated June 2026