Image Cropper

Drag to select an area of an image and crop it, entirely in your browser.

image-cropper.js
Click or drag an image here

Upload an image, then click and drag directly on the preview to draw a crop box around the part you want to keep. Release to lock in the selection, and download just that cropped section as a new image file — no upload to a server, no waiting for processing.

How to use it

  1. Upload an image using the box above.
  2. Click and drag on the image to draw a crop selection.
  3. Adjust by drawing a new selection if needed.
  4. Click Download to save the cropped result.

Frequently asked questions

Can I resize the crop box after drawing it?

Currently you redraw the selection by dragging again; there's no separate resize handle yet.

What format does the cropped image download as?

It downloads as a PNG, preserving transparency if the original image had any.

Does cropping affect image quality?

No quality is lost in the kept area — cropping simply discards the pixels outside your selection.