How this image cropper works
Drop in an image and it appears on a canvas scaled to fit the panel, with the whole frame selected. Drag anywhere to draw a new selection, drag inside it to move it, or pull any of the eight handles to resize it — the area outside dims so you can judge the composition — and the readout shows the selection size in original pixels, not the scaled-down preview, so what you see is exactly what you get. When you crop, the selected region is copied from the source image at its native resolution onto a fresh canvas: pixels are transferred 1:1, never resampled, all locally in your browser.
The aspect presets lock the drag to a fixed ratio, which is the fastest way to hit a target shape: 1:1 for avatars and Instagram, 16:9 for thumbnails and slides, 4:3 or 3:2 for photography. For pixel-perfect work, the X, Y, width and height fields accept typed values and update the selection rectangle live.
Cropping an image step by step
- Drop, paste or browse for an image — PNG, JPEG, WebP or GIF.
- Pick an aspect preset, or stay on Free.
- Drag a selection on the preview — then move it or pull its handles to adjust — or type exact coordinates.
- Click Crop image, check the preview, then download.
Crop first, then resize
Cropping and resizing solve different problems: cropping changes what is in the frame, resizing changes how many pixels describe it. Doing them in that order preserves the most detail — crop to the composition you want here, then scale the result to its final dimensions with the Image Resizer, and if the file still needs to be lighter, finish with the Image Compressor.