Image Cropper

Crop an image to an exact rectangle in your browser by typing X, Y, width and height, lock a 1:1, 4:3 or 16:9 ratio, and export PNG or JPEG — no upload.

Loading tool…

Image CropperCrop a picture to a precise rectangle by typing the X and Y offset, the width and the height, or lock a 1:1, 4:3 or 16:9 aspect ratio. Everything runs on the Canvas API entirely in your browser — your image is never uploaded. Export the cropped result as a PNG or JPEG and compare it against the original side by side.

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, fixing the aspect ratio of a banner, removing borders or letterboxing, or cutting a thumbnail out of a larger photo without opening a full image editor. You set the crop by entering the X and Y offset of the top-left corner together with the width and height in pixels, or by choosing a fixed aspect-ratio preset that keeps the height in step with the width. The result updates automatically as you change the numbers, so you can fine-tune the box and download the cropped image as a 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) onto the dropzone. The crop box defaults to the whole image.
  2. Set the X and Y fields to move the top-left corner of the crop box, in pixels from the image's top-left.
  3. Enter the Width and Height of the crop region, or pick an aspect-ratio preset (1:1, 4:3, 16:9) to lock the height to the width automatically; choose Free to size both edges independently.
  4. Choose PNG or JPEG as the output format — PNG keeps transparency, JPEG fills transparent areas with white.
  5. Watch the cropped preview update beside the original, then click Download to save the result.

Examples

Square crop for a profile avatar

Drop a portrait photo, set the aspect ratio to 1:1, then enter a width so the crop box is square. Adjust X and Y to center the face, keep PNG to preserve any transparency, and download the avatar.

Trim a 16:9 banner from a wide screenshot

Load a wide screenshot, pick the 16:9 preset, and type the width — the height follows automatically. Nudge X and Y to frame the area you want and export as JPEG for a smaller file.

Cut out a region by exact pixels

With the aspect ratio left on Free, type X=120, Y=80, Width=400 and Height=300 to extract a precise 400×300 region. The cropped size is shown in the stats and the preview updates as you edit the numbers.

Frequently asked questions

How do I set the crop area?
Type the X and Y offset of the top-left corner and the Width and Height in pixels. Values are clamped to the image bounds, so the crop never extends past the edges.
What do the aspect-ratio presets do?
Choosing 1:1, 4:3, or 16:9 locks the height to the width using that ratio, so the height field updates automatically when you change the width. Pick Free to set width and height independently.
Which output formats are supported?
You can export the cropped image as PNG or JPEG. PNG keeps transparency; JPEG does not, so transparent areas are filled with a white background.
Is my image uploaded to a server?
No. Cropping runs 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.
Why is the cropped size sometimes smaller than what I typed?
The crop region is clamped to stay inside the image. If the width or height you enter would run past the right or bottom edge from the chosen X/Y, it is reduced to fit, and the stats show the actual cropped size.

Related tools