Image Cropper

What this tool does

The Image Cropper gives you an interactive crop rectangle you can drag and resize directly over a preview of your image. A semi-transparent overlay darkens the area outside the selection, while rule-of-thirds guide lines help you compose the crop. You can lock the selection to a common aspect ratio (1:1, 4:3, 16:9, 9:16, or 3:2) or drag freely. A live readout shows the crop dimensions in pixels as you adjust. When you click Crop image, the selected region is rendered to a canvas and you can download the result.

Why you might need it

Cropping is one of the most frequent image tasks: removing unwanted background from a product photo, cutting a widescreen photo down to a square for social media, focusing on a specific subject in a landscape shot, or simply trimming whitespace from a screenshot. Doing this in a desktop image editor requires opening the file, waiting for the application to load, making the crop, saving, and exporting — a process that takes a minute or more for a simple task. This tool does the same thing in a browser tab in seconds, and your file stays private.

Aspect-ratio presets are particularly useful for social content. Instagram squares must be exactly 1:1; portrait posts look best at 4:5 (use 9:16 as the nearest option for a tight crop); Twitter/X cards are landscape. Locking the ratio before dragging ensures you cannot accidentally create a crop that will be pillarboxed or letterboxed by the platform.

How to use it

1. Drop your image onto the dropzone, or click to browse.
2. Choose an Aspect ratio from the segmented control, or leave it on Free.
3. Drag the corner handles to size the crop box, and drag the box body to position it over the part of the image you want to keep.
4. Watch the live dimension readout to confirm the exact pixel size.
5. Click Crop image. The result appears below the editor.
6. Click Download PNG to save the cropped file.

Common pitfalls

The biggest source of confusion is the scale difference between the editor preview and the actual image. The canvas is scaled down to fit the browser window, but the crop dimensions shown are always in the original image’s pixels. A crop box that looks small in the preview may represent several hundred pixels in the output — the dimension readout is the authoritative number.

When you switch aspect ratios, the crop box resizes to fit the new ratio within the current region. If the current crop is very narrow and you switch to a wide ratio like 16:9, the box may shrink significantly to maintain the ratio within the image bounds. Drag a corner outward to make it larger again.

Tips for best results

Crop from the highest-resolution version of the image you have, not from a thumbnail or a screen capture. Starting with more pixels gives you a larger cropped output. If you are preparing images for multiple social platforms, crop for the most restrictive format first (usually 1:1 for Instagram square) and then return to the original to make the wider crop for Twitter or Facebook — do not crop the already-cropped image, because each crop discards pixels.

For a sequence of product photos with different subjects but the same background, cropping each one to the same dimensions and ratio before compressing keeps the product grid visually consistent. Pair this tool with the Image Compressor to trim the file size after cropping.