Dragging a crop box seems simple until you realize most images are displayed smaller than their real size — and a cropper that forgets to account for that hands you the wrong pixels. Our new Image Cropper gets this right.
- Drag to select — click and drag directly over your image to draw a crop box, with a live outline as you move.
- Aspect ratio presets — Square (1:1), 16:9, 4:3, and 3:2 constrain your drag to that ratio, or pick “Free” for any rectangle.
- Correct at any display size — your on-screen selection is scaled by the image’s real dimensions before cropping, so what you see is exactly what you get, whether the photo is shown at 300px or 3000px.
- Instant preview before download — the cropped result renders right on the page, with its exact pixel size and file size, before you save anything.
- Private by default — the crop is cut with the browser’s own
Canvas API and turned into a download with
canvas.toBlob(). The image never touches a server.
Try it on a photo that’s much larger than your screen — a 4000px image displayed at 800px, say. Drag a box, and the download you get matches pixel-for-pixel what you selected, scaled correctly back up to the original resolution.