Image Cropper

What does cropping an image actually do?

Cropping removes the outer regions of a photo so you keep only the part you want. Unlike resizing, which scales the whole image up or down, cropping discards pixels entirely and leaves the remaining area at its original resolution. That makes it one of the most useful and lossless edits available: the section you keep stays exactly as sharp as it was in the source file. People crop to improve composition, change an image's aspect ratio for a specific platform, cut out distracting backgrounds, or zoom into an important detail.

This Image Cropper gives you an interactive crop box you can drag and resize directly over your photo, plus quick presets and pixel-perfect inputs for when an image has to fit an exact slot. Because everything renders on a canvas inside your browser, there is no waiting on an upload and no privacy trade-off.

Cropping vs resizing vs compressing

These three operations are often confused, but they solve different problems and are frequently used together. Cropping changes what is in the frame by cutting away unwanted edges while leaving the kept pixels untouched. Resizing changes the dimensions of the whole image, scaling every pixel up or down, which can soften detail if you enlarge too far. Compressing changes the file size by re-encoding the image more efficiently, sometimes at a small cost to quality, without altering the framing or pixel dimensions at all.

A typical workflow uses all three in order. First crop to get the composition and shape right, then resize to the exact pixel dimensions your layout needs, and finally compress or convert the file so it downloads quickly. Because each tool here runs in your browser, you can move between them without ever uploading the same photo twice — crop here, then hand the result to the resizer or compressor in seconds.

How this Image Cropper works

When you select an image, the tool decodes it into the page and overlays a movable, resizable crop box. As you drag the handles, choose a ratio, or type custom dimensions, the box updates live. When you click Crop Image, the selected region is painted onto an HTML5 canvas at full resolution and re-encoded into a downloadable file. Nothing is ever sent to a server.

Running entirely client-side has real advantages:

• Privacy: personal photos, ID scans, and confidential screenshots never leave your device.
• Speed: there is no upload or download round trip, so cropping is essentially instant.
• Reliability: it keeps working on planes, trains, and weak mobile connections.
• No limits: with no server cost on our side, you can crop as many images as you want for free.

Choosing the right aspect ratio

An aspect ratio is the proportional relationship between an image's width and height. Picking the correct one before you publish prevents platforms from auto-cropping your image in ways you did not intend. The table below covers the most common ratios and where they fit best.

Tips for better crops

• Use the rule of thirds. Place your subject near a third line rather than dead-centre for a more natural composition.
• Crop before you resize. Decide the framing first, then use our Image Resizer to hit an exact final pixel size.
• Keep resolution in mind. Cropping discards pixels, so a heavily cropped image will be smaller — start from the highest-resolution original you have.
• Compress afterwards. Once the framing is right, run the file through our Image Compressor or convert it with the Image to WebP Converter to shrink the download.
• Match the destination. Check the platform's recommended dimensions and set custom width and height so nothing gets re-cropped on upload.

For more ways to prepare images for the web, browse the full Image Tools collection.