Image Cropper

What is Image Cropper?

The Image Cropper is a free, browser-based tool for trimming a picture down to an exact rectangular region. It is useful for making square avatars, cutting portrait 9:16 story frames, fixing a banner's aspect ratio, removing borders, or exporting a thumbnail at a specific pixel size without opening a full image editor. You set the crop by dragging a box with resize handles directly on the image or by typing the X, Y offset with the width and height; the drag box and the number fields are the same crop region, so they always match. Aspect-ratio presets and a custom ratio constrain both the fields and the handles, rule-of-thirds guides help you compose, and pre-crop rotate and flip let you straighten or mirror the image first. The cropped result updates automatically and can be scaled to an output width and saved as PNG or JPEG.

How to use Image Cropper

1. Drop or select an image (PNG, JPG, WebP, GIF, or any format your browser can read). The crop box starts on the whole image and the X, Y, width and height fields show its size.
2. Drag a rectangle on the preview to set the crop, drag a corner handle to resize it, or drag inside the box to move it — the number fields update as you drag, and typing in them moves the box.
3. Optionally lock an aspect ratio (1:1, 4:3, 3:2, 16:9, 2:3, 9:16) or choose Custom and enter your own W and H; the ratio constrains both the fields and the drag handles.
4. Open Settings to rotate the image left or right in 90° steps or flip it horizontally or vertically before cropping, and toggle the rule-of-thirds guides to help you compose.
5. Optionally set an output width to scale the result (leave it blank to keep the cropped size), and for JPEG adjust the quality slider.
6. Choose PNG or JPEG, watch the cropped preview update beside the original, then click Download to save the result.

Examples

Frequently asked questions

How do I select the crop area?

Drag a rectangle on the image to draw a new box, drag a corner handle to resize it, or drag inside the box to move it. You can also type the X, Y offset and the width and height — the drag box and the number fields are the same crop region, so editing either one updates the other.

What aspect ratios can I lock?

You can lock 1:1, 4:3, 3:2, 16:9, 2:3 or 9:16, or choose Custom and enter your own width-to-height ratio. A locked ratio constrains both the width and height fields and the corner-handle resizing so the box always keeps that shape; pick Free to size each edge independently.

Can I rotate or flip before cropping?

Yes. In Settings you can rotate the image left or right in 90° steps and flip it horizontally or vertically. The transform is applied before the crop, and both the preview you drag on and the exported result reflect it consistently.

Can I resize the output or change JPEG quality?

Set an output width to scale the cropped image; the height follows automatically to keep the crop's proportions, and leaving it blank keeps the cropped pixel size. When you export JPEG, a quality slider controls the compression level.

Which output formats are supported?

You can export as PNG or JPEG. PNG keeps transparency; JPEG does not, so transparent areas are filled with a white background, and its file size is controlled by the quality slider.

Is my image uploaded to a server?

No. Cropping, rotating and flipping all run 100% client-side in your browser using the Canvas API. Your image is never uploaded, sent to our servers, or shared, so even private and sensitive pictures stay on your device.