Skip to main content

Crop Image

Crop images in your browser: drag the selection, pull the corners, and export the cropped PNG or JPG in one click.

The crop box reports source pixels, not screen pixels

Our 1200 × 800 test photo loaded into the cropper.

Input
public/lab/corpus/photo.png(1200 × 800,可在 /lab/ 下載)
Output
source            1200 × 800 px
displayed at      620 × 413
default crop box  720 × 480 px
output format     image/png

The image is displayed at 620 × 413 to fit the page, but the crop box reads 720 × 480 px — because the frame is converted back to the original pixel grid before cropping. That distinction matters: a box that reported screen pixels would silently produce a smaller image than you asked for. Output defaults to PNG, so a photo crop is lossless but large; switch to JPG for photos.

What is an image cropper?

This crop image tool lets you cut away the parts of a picture you don’t want and keep just the area you do: upload, drag the selection box to move it and pull the corners to resize, then hit the button to export the cropped PNG or JPG at full resolution. Everything runs locally in your browser — the image is never uploaded.

How to use

  1. Drag an image into the upload area, or click to choose a file.
  2. Drag the centre box to reposition it and pull the four corners to resize.
  3. Pick an output format (PNG / JPG) and click "Crop & download".

Common use cases

  • Trim the extra margins or a browser toolbar off a screenshot, keeping only the point.
  • Cut a square avatar or the key area of a social cover.
  • Want to shrink or convert after? Use compress image or resize image.

Crop, resize, compress — don't mix them up

"The image is too big" means three completely different things, each with its own tool, and confusing them just wastes effort. Cropping cuts away the outer edges, changing the composition and the dimensions — pixels aren't stretched, so if you box only the middle of an 800×600 image the output might be 400×300. Resizing keeps the whole frame and scales the pixels down proportionally, say 4000×3000 to 1200×900. Compressing leaves the dimensions alone and only lowers the file's data (usually by adjusting JPG quality). Want to keep just the point? Crop. Want the same picture in a smaller file? Use resize or compress. Also worth knowing: this tool crops at full resolution, not the thumbnail you see on screen — so boxing a small region still exports crisp native pixels. Only choosing JPG output adds a layer of compression; pick PNG to stay lossless.

How many pixels is the box you dragged?

Not the number you see on screen — the box is scaled back to the source pixels. We loaded the 620 × 413 photo from our test corpus and read the default box as 720 × 480 px, output format image/png. That is the value to watch: a box that looks generous on a scaled-down preview can still land below the resolution your target needs — and no crop adds pixels back.

Frequently Asked Questions

Does cropping reduce quality?

No. The tool crops and exports at the image’s original resolution, not the thumbnail you see on screen. Only choosing JPG adds compression; pick PNG to stay fully lossless.

Is my image uploaded?

No. Uploading, cropping and exporting all happen locally in your browser; no file is ever sent to a server.

Should I pick PNG or JPG?

Choose PNG for transparency or lossless keeps (screenshots, icons, line art); choose JPG for photos or a smaller file. See the image formats guide for detail.

Can I crop to a fixed ratio like 1:1?

Cropping is free-form right now — you drag the box to any shape you want. For a square avatar, just pull the sides to equal lengths.

Related reading

How to Crop an Image (Without Losing Quality) →

Embed this tool

Add this tool to your own website or blog for free — just copy and paste the code below (it includes a link back to this site).