How do I set the crop region?

Enter the X and Y pixel offsets for the top-left corner of the crop area, then set the desired width and height. The values are clamped to the image boundaries automatically.

What do the preset buttons do?

The 1:1, 16:9, and 4:3 buttons calculate width and height values that match those aspect ratios based on the image's shorter dimension, helping you start with a sensible crop region.

What format is the output?

The cropped image is exported as a PNG file, preserving any transparency present in the source image.

Image Cropper

Crop images by specifying pixel coordinates and dimensions, with common aspect ratio presets.

[ choose file ]

Related Tools

<->Image Resizer

Resize images to exact dimensions with optional aspect ratio lock, entirely in your browser.

<->Image Rotator & Flipper

Rotate images 90°/180° or flip them horizontally and vertically using canvas transforms.

ZIPImage Compressor

Compress images by adjusting JPEG quality to reduce file size without leaving your browser.

FAQ

How do I set the crop region?: Enter the X and Y pixel offsets for the top-left corner of the crop area, then set the desired width and height. The values are clamped to the image boundaries automatically.
What do the preset buttons do?: The 1:1, 16:9, and 4:3 buttons calculate width and height values that match those aspect ratios based on the image's shorter dimension, helping you start with a sensible crop region.
What format is the output?: The cropped image is exported as a PNG file, preserving any transparency present in the source image.

The Image Cropper lets you define a crop region by entering x/y offset and width/height values. Use the preset buttons (1:1, 16:9, 4:3) to auto-fill the dimensions based on the uploaded image. The crop is performed using the Canvas API with ctx.drawImage, giving you a clean extracted region to download as a PNG.