Image Cropper

The Image Cropper lets you cut out exactly the part of an image you need by dragging a resizable crop box directly over a live preview — no more guessing pixel coordinates. Choose a free-form crop, or snap to a ready-made aspect ratio like square (1:1), widescreen (16:9), portrait (9:16), classic photo (4:3/3:4), or passport photo proportions, and the box automatically centers and locks to that ratio while you drag.

Cropping is one of the most common image edits there is: trimming a screenshot down to just the relevant window, squaring off a photo for a social media avatar, cutting a wide banner down to a specific ratio for a slide deck, or preparing a passport-style photo with the right proportions before printing. Because the crop box shows exactly what will be kept in real time, there's no trial-and-error re-exporting — what you see in the preview is what downloads.

Everything is drawn with the HTML5 canvas directly from the pixels already loaded in your browser: dragging the box moves or resizes a rectangle expressed as a fraction of the image, which gets translated to exact source pixel coordinates the moment you click Crop. That keeps the crop pixel-accurate regardless of how large or small the preview is rendered on your screen, and regardless of your device's zoom level.

Because nothing is uploaded, the whole operation — loading, previewing and cropping — runs locally, so there's no file size limit imposed by a server and no wait for a network round-trip. One limitation to know: the crop box's minimum size is capped small enough to avoid a zero-pixel selection, and extremely small crops from a very high-resolution source can still produce a large output file, since dimensions are calculated from the original image's full resolution, not the shrunk-down preview.