Images

Crop an Image Online — Free, No Upload

Pick an image, drag the box over the part you want, and download it. If you need an exact result, the four number fields below the preview take pixel values directly. Everything happens in your browser — the image is never uploaded.

Drop an image here or browse

JPG, PNG, WebP, GIF, BMP · one at a time · nothing is uploaded

Cropping is not free, even though it looks like it

You are throwing pixels away, so it feels like an operation that cannot cost anything. It does. The browser has to decode the JPEG into raw pixels, cut the rectangle out, and encode a new JPEG from scratch. That second encode is lossy, so the pixels you kept are very slightly worse than the ones you started with.

There is a way to crop a JPEG without re-encoding at all, because JPEG stores the image in blocks — usually 8 or 16 pixels square. Cut on a block boundary and the untouched blocks can be copied across byte for byte. Command line tools such as jpegtran do exactly this. A browser cannot: it has no access to the compressed blocks, only to the decoded picture. So this tool re-encodes, and the quality slider defaults to 92 rather than the usual 85 to keep the second generation close to the first.

PNG and WebP-lossless have no such problem. Cropping those is genuinely lossless because the encoder is lossless.

Ratios worth knowing

The thirds grid over the selection is there for composition: putting the subject on a line rather than dead centre is an old habit from painting that still works, though it is a suggestion rather than a rule.

How much you can afford to cut

Cropping spends resolution, and the spending is quadratic rather than linear. Take half the width and half the height and you are left with a quarter of the pixels: a 12-megapixel phone photo becomes a 3-megapixel one. That is still more than enough for anything on a screen, where a full-width web image rarely needs more than 2 megapixels, and it is getting thin for a large print.

The practical rule is to check the width and height fields rather than the percentage in your head. If the numbers are still above roughly 1600 pixels on the long side, the result will look fine anywhere on the web. Below about 800 you will start to see it.

Crop first, then resize

If you need a specific pixel size and a specific shape, do it in that order. Crop to the right proportions, then resize to the exact numbers. Doing it the other way round means either squashing the image or cropping twice, and each resample softens the result a little more.

Where this tool stops

The numeric fields are also the accessible path. A canvas you drag on cannot be operated with a keyboard in any meaningful way, so the left, top, width and height inputs do everything the mouse does — and with the preview focused, arrow keys nudge the box by ten pixels, or one pixel with alt held.

Frequently asked questions

Does cropping reduce the quality of a JPEG?

Slightly, because the file has to be decoded and re-encoded and JPEG is lossy. At the default quality of 92 the difference is very hard to see. PNG and lossless WebP are unaffected, since their encoders discard nothing.

How do I crop an image to a perfect square?

Click the 1:1 button. The selection locks to a square, and dragging any handle keeps it square. The width and height fields stay linked too, so typing one updates the other.

What size should a social link preview image be?

Use 1200 by 630 pixels, which is the 1.91:1 preset here. That is the size link previews on most platforms are built around, and smaller images tend to get shown as a small thumbnail instead of a full-width card.

Can I crop several images at once?

No, and that is deliberate. A crop is a decision about one particular photograph. If you want the same treatment applied to a batch, what you usually want is a resize or a fit, not a crop.

Is the image uploaded to a server?

No. The file is read by your browser, drawn to a canvas and encoded again locally. There is no request carrying your image anywhere, which you can confirm in the Network tab of your developer tools.

Last updated September 19, 2026