Round Image Cropper

How to Crop an Image into a Shape

Features

Dragging Beats Guessing with Sliders

Framing a face or a logo correctly inside a shape is a spatial problem, and sliders are a clumsy way to solve one — you move a number back and forth and check the result, repeatedly. This tool works the way the crop editor built into Twitter, LinkedIn, and most modern apps does: click and drag directly on the image to move it, scroll to zoom, and watch the shape boundary track the change instantly, with the excluded area dimmed so you can see exactly what's being cut away. Precise slider and keyboard control is still there for fine adjustment, but direct manipulation is the primary way to frame a shot.

Nine Shapes, Each With a Real Use Case

Circle remains the universal profile picture shape across nearly every platform. Oval uses a softer vertical ellipse that flatters portrait-orientation face shots. Squircle is a genuine superellipse curve, not a rounded rectangle — this is the actual mathematical shape iOS uses for app icons, so it's the correct choice if native-looking accuracy matters. Rounded Rectangle is the simpler, more common corner style used in most card-based UI and Android/PWA icons. Hexagon has become a signature shape for Discord and gaming-community avatars. Star and Diamond work well as bold badge or highlight cutouts. Heart suits social and celebratory graphics. Arch — a flat-bottomed shape with a rounded top — is increasingly common in modern card headers and editorial image layouts.

Who Actually Reaches for This

• Job seekers and professionals — a clean circular crop for LinkedIn, GitHub or a company directory, framed exactly rather than left to a platform's own auto-crop guess.
• Community managers — hexagon avatars for Discord servers, or a consistent shape across an entire team's headshots on a website.
• Small e-commerce sellers — circular or star-shaped product thumbnails that stand out in a grid of otherwise-square listing photos.
• App and web developers — a squircle-accurate app icon source, or a rounded-rectangle PWA icon, prepared once and reused across every required size.
• Anyone making social graphics — a heart-shaped photo for an anniversary post, or a badge-style star crop for a highlight or award graphic.

Solving the Transparent-Background Problem

A shaped crop needs a transparent background by definition — that's what makes it look like a circle or a star instead of a square photo with a shape drawn on top. The catch is that not every platform handles transparency correctly; parts of Facebook, in particular, have been known to render a transparent PNG as solid black rather than see-through. Rather than just warning about this, this tool lets you set a Solid Colour background directly — pick white, black, or any brand colour, and the area outside the shape is filled in for you instead of left transparent, sidestepping the problem entirely. Once a solid colour is set, a JPG export becomes available too, since transparency is no longer needed.

Border Rings and Getting the Zoom Level Right

The optional border ring draws a coloured stroke along the exact outline of whichever shape is active — a clean circular ring, a hexagonal outline, or a star-shaped border, not just a generic rectangle frame. Six preset colours cover common cases, or use the colour picker to match an exact brand colour. For zoom, the cover-fill behaviour means the image always fills the shape completely at 100% with no empty gaps; the useful range for framing a face is typically 110–140%, adjusted with a drag to centre the subject. For logos or icons that already have clean padding built in, 100% zoom with no repositioning usually looks best straight away.

Fine-Tuning With the Keyboard, Not Just the Mouse

Dragging is the fastest way to get roughly the right framing, but a mouse or a fingertip isn't always precise enough for the last pixel or two of adjustment — centering a logo exactly, or nudging a face so the eyes sit on an even line. Once the editor has focus, the arrow keys move the image one small step at a time in whichever direction you press, and holding Shift while pressing an arrow key covers a larger distance per press for faster coarse repositioning. That combination covers both ends of the precision spectrum without needing a separate numeric input field cluttering the interface — drag for speed, arrow keys for the final pixel-level correction.

Preparing Icons for iOS, Android and PWAs

Use the Squircle shape at 1024×1024px when the target is genuinely meant to look like an iOS app icon — iOS applies its own mask on top regardless, but starting from an accurately-curved source avoids any visible mismatch at the edges. For Android adaptive icons and PWA manifests, which often expect a pre-rounded asset, the Rounded Rectangle shape is the more conventional choice. After exporting here, the Favicon Generator turns that single file into the complete set of sizes a real site or app manifest needs, and the Image Resizer handles any additional pixel-exact resizing in between.

Getting a Clean Result

• Start with a tight, high-contrast source photo — a clear subject against a simple background produces the sharpest-looking shape edge.
• Remove a busy background first if needed, using the Background Remover, before shaping the result here.
• For faces, zoom to roughly 110–140% and drag until the eyes sit slightly above centre — this framing reads as natural across almost every shape.
• Export at 800px for most uses; go larger only for a specific high-resolution or print requirement, since bigger files take longer to upload elsewhere.

What This Tool Won't Do

It shapes and reframes — it doesn't remove a background automatically or apply a standard rectangular crop first. If your source photo needs cropping down before shaping, use the Image Cropper first. For official document or ID-style photos that must conform to exact dimension and framing rules rather than a creative shape, use the Passport Photo Maker instead, which handles those requirements directly.

Frequently Asked Questions