Image Crop

The subject is great. The framing isn't. That's a crop problem, not a design problem.

Sometimes an image is 90% right but the subject is off-center, there's too much dead space on one side, or the composition just doesn't land when it's placed inside a card, a profile frame, or a social post. You don't need to reshoot it — you need to crop it.

This tool lets you trim an image exactly the way you want: freely, using a fixed aspect ratio, or by entering exact pixel coordinates. Preview the result before downloading, and when it looks right, it's yours.

Cropping vs resizing — they're not the same thing

This is one of the most common sources of confusion in image editing. Here's the quick version:

• Crop = change what's visible. You're cutting away parts of the image. The remaining area's pixel density doesn't change — you just have fewer pixels total because you removed the edges.
• Resize = change all the dimensions. Every pixel gets scaled up or down. The full image stays visible, just bigger or smaller.

If the composition is off — subject too far to the left, too much sky, too much blank wall — crop. If the composition is fine but the file is too large for where you're placing it, resize. Often you want both: crop first to improve framing, then resize for the delivery target.

Choosing the right aspect ratio

The aspect ratio you crop to should match where the image is going, not how it looks in isolation. Here's a quick cheat sheet:

• 1:1 (square) — Instagram posts, profile avatars, marketplace thumbnails, product tiles
• 4:5 (portrait) — Instagram Reels, tall ad formats, portrait social cards
• 16:9 (widescreen) — YouTube thumbnails, site hero banners, presentation slides, video cover images
• Free crop — when you have an exact pixel dimension in mind or the destination doesn't enforce a specific ratio

Always start with the destination in mind, not the image itself. Cropping to fit the final slot is faster than guessing and adjusting later.

What makes a crop actually look good

Cutting parts of the image away is straightforward. Getting a crop that feels balanced is harder — and it's what separates a well-framed image from one that just looks arbitrarily trimmed.

A few practical principles: for portraits, keep the eyes comfortably in the upper half of the frame, not jammed up at the top. For product images, leave a little breathing room around the object — tight crops that clip the edges look rushed. For screenshots, crop out browser chrome, notification bars, and any UI clutter that isn't relevant to what the viewer is supposed to see. The goal is always "show less, communicate more."

Situations where this tool comes up over and over

• You need a square profile photo from a regular horizontal shot
• Your blog's featured image slot is a fixed 16:9 ratio and your photo is 4:3
• You grabbed a full-page screenshot and only need one section of it
• A product photo has too much empty background that makes the item look small
• You need a 1:1 version and a 16:9 version of the same image for different placements

Using the pixel controls for precision work

The width, height, and X/Y offset fields let you crop with pixel-level precision. This is useful when you're working with a design system that specifies exact dimensions, when you need to cut out a specific UI panel from a screenshot at known coordinates, or when you're batch-preparing images that all need to match the same exact crop region.

For more casual cropping where you just want better framing, the aspect ratio buttons are usually faster. Set the ratio, eyeball the composition, and download. The precision controls are there when you need them.

Cropping for different platforms — what actually works

Most platforms are stricter about image dimensions than they're upfront about. They'll accept off-ratio images but then auto-crop them at upload time — often cropping from the middle or the top, which may cut off the most important part of your image. By cropping deliberately before you upload, you control what stays in frame.

Here's what tends to work well for the most common platforms:

• Twitter/X posts: 16:9 works for timeline previews. Cards on mobile often get auto-cropped to a roughly square or wide rectangle, so keep the subject central.
• LinkedIn banners: 4:1 (2000×500 or similar) for the profile banner. Post images work well at 1.91:1 for link previews.
• Google Business photos: 4:3 or 16:9 both work. Square also renders fine. Avoid very tall portrait crops — they don't display well in the sidebar card.
• Shopify or WooCommerce products: Most themes expect 1:1. If your product photos aren't square, crop them to square before uploading rather than letting the theme apply its own masking, which is often inconsistent.
• Email headers: Typically 600px wide with heights around 200–400px, giving you roughly 3:1 to 1.5:1. Landscape crops work better than square for this slot.

Why opening Photoshop just to crop feels like overkill

When all you need is to cut out the edges of an image, loading a full desktop editing application is genuinely excessive. The startup time, the file handling, the export dialog — you can spend more time managing the tool than doing the actual task.

A browser-based crop tool handles this class of task well because it's fast to reach, requires no installation, and doesn't need access to your file system beyond reading the one image you're working on. For teams where not everyone has a design tool licence — content writers, support staff, marketers, product managers — a dedicated crop page means the task doesn't get blocked waiting for someone with Photoshop.

It also means you can crop on any machine. If you're on a work laptop without your usual software, or helping someone remotely, or just need a quick crop during a meeting, a browser tool is there without any setup. That kind of accessibility is undervalued until you actually need it.

Frequently Asked Questions