Image Cropper

Image Cropper Use Cases

How to Crop an Image Online — Step by Step

1. Upload your image. Click the upload area or drag a JPG, PNG, or WEBP file directly onto the page. The image loads instantly because everything runs in your browser — nothing is sent to a server.
2. Pick an aspect ratio. Choose Free to drag any shape, or lock the crop box to 1:1, 16:9, 4:3, 3:2, or 21:9 with one click. The width, height, and ratio readout updates live as you drag.
3. Frame your subject. Drag the crop box, resize its corners, or move the image underneath it. Grid guides appear inside the box to help you apply the rule of thirds.
4. Crop and download. Click Crop Image, preview the result, and download it as a PNG. If you don't like the result, hit Reset and try again — your original file is never modified.

Cropping vs. Resizing: What's the Difference?

Cropping and resizing are often confused, but they solve different problems. Cropping removes pixels — you cut away the edges of a photo to change its composition or its shape. A 4000×3000 photo cropped to a square becomes 3000×3000: the content outside the crop box is discarded. Resizing keeps all the content but scales it to new dimensions, so the same photo resized to 50% becomes 2000×1500 with everything still visible, just smaller.

In practice you often need both: crop first to get the right aspect ratio for your platform, then resize to the exact pixel dimensions it requires. After cropping here, you can send the result straight through our Image Resizer for exact dimensions, or our Image Compressor if the file needs to be smaller. If the cropped image is headed somewhere public, our Image Watermark tool is the last step — watermark after cropping, never before, or the crop can cut the mark in half.

Why Aspect Ratio Matters

Every platform displays images in a fixed frame. If your image's proportions don't match, the platform crops it automatically — usually badly. Instagram center-crops feed photos to 1:1, which routinely slices off heads in group shots. YouTube letterboxes thumbnails that aren't 16:9. A LinkedIn banner uploaded at the wrong ratio gets stretched. Cropping deliberately, with the subject positioned where you want it, is the only way to control what viewers actually see.

A good rule of thumb: place the visual focus at an intersection of the rule-of-thirds grid rather than dead center, keep at least 10% breathing room around faces, and check the live pixel readout so the cropped area is still large enough for its destination — cropping a region only 800px wide and then displaying it at 1280px will look soft.

Frequently Asked Questions

Does cropping reduce image quality?

Cropping itself is lossless — the pixels you keep are copied unchanged. Quality only suffers if the remaining region is too small for how you display it. The output is saved as PNG, so no additional compression artifacts are introduced.

Is my photo uploaded to your servers?

No. The cropper runs entirely in your browser using JavaScript (Cropper.js and the HTML5 canvas). Your image never leaves your device, which also means the tool keeps working even on a flaky connection once the page has loaded.

Can I crop to exact pixel dimensions?

Yes — watch the live Width/Height readout while you drag. For pixel-perfect output sizes (say exactly 1280×720), crop to 16:9 here, then set the exact dimensions in the Image Resizer.

What's the maximum image size I can crop?

The output canvas supports up to 4096×4096 pixels. Large phone photos (12–48 MP) work fine as input; the browser scales the preview for display while keeping full resolution for the actual crop.

Which format is the cropped image saved in?

PNG, because it's lossless and universally supported. If you need a smaller JPG for the web, run the result through the PNG to JPG converter afterwards.