100% Client-Side WASMZero Remote NetworkVerified Spec

Image Cropper

Interactive Studio

Crop an image by dragging a selection box, entirely in your browser. Instant feedback with zero server storage.

Loading tool…

About Image Cropper

Cropping removes everything outside a rectangle you draw on the image, keeping only that region as a new, smaller file. Drag anywhere on the preview to define the selection box — the corners snap to wherever you release the mouse, so you can redraw the rectangle as many times as needed before committing. The crop coordinates are tracked as percentages of the image's dimensions rather than fixed pixels, so the selection box stays accurate whether the source image is a tiny thumbnail or a multi-megapixel photo.

When you click Crop, the tool reads the selection back against the image's natural (full-resolution) width and height, not the scaled-down preview size, and draws just that region onto a canvas sized to match. That distinction matters: cropping doesn't resample or resize the retained pixels, it only discards the ones outside your rectangle, so image quality inside the crop is preserved exactly as it was in the source file.

The result downloads as a PNG regardless of the input format, which keeps transparency intact if the source had any and avoids introducing any new compression artifacts into the cropped region.

How to use Image Cropper

  1. Upload an image.
  2. Drag on the preview to draw the crop rectangle. Draw again to replace it.
  3. Check the selection, then apply the crop.
  4. Download the cropped image.

Worked examples

Input: A 4000 x 3000 photo with the selection over the middle half

Result: A new image of 2000 x 1500 pixels containing only that region.

Background

Cropping discards pixels outside the selection. It does not resample the remaining pixels, so the cropped region keeps the original sharpness, but the file has fewer pixels overall.

Common aspect ratios are 1:1 for avatars, 16:9 for video thumbnails and 4:5 for portrait social posts. Crop first and resize afterwards to keep as much detail as possible.

Common mistakes

  • Resizing before cropping, which wastes resolution.
  • Cropping so tightly that the platform's own crop removes the subject.
  • Overwriting the only copy of the original image.

Frequently Asked Questions

Does cropping reduce image quality?
No — cropping only removes pixels outside your selection; the pixels you keep are copied at their original resolution with no resampling or recompression applied.
Why does the crop always download as PNG?
PNG is lossless and supports transparency, so cropping a JPEG, PNG, or WebP file all produce a clean result without adding new compression artifacts to the output.
Can I redo my selection before cropping?
Yes — dragging anywhere on the preview draws a new selection box that replaces the previous one, so you can adjust as many times as you like before clicking Crop.
What happens if I don't select any area?
The Crop button stays disabled until the selection box has both non-zero width and height, so there's no way to accidentally generate an empty output.

Fast, local-first developer micro-tools with zero tracking or latency.

Browse All Tools
Local-First Architecture: Toolium parses payloads exclusively in browser memory. Zero network telemetry.
⌘C Copy⌘K Palette