Image Cropper

Enter pixel coordinates to crop just the area you need, in the browser.

Category: Image Tools

When to use?

Use it to crop a specific area for thumbnails, banners, or profile images.

How to use

  • Select an image.
  • Enter the X, Y coordinates and width/height.
  • Set the output format and quality, then download the cropped image.

Input Explanation

Enter the X, Y start point and the width/height in pixels to crop. JPG and WebP use a 1–100 quality value; PNG does not.

Calculation Basis

It extracts the rectangle of the entered width/height starting from the X, Y coordinates, with the image's top-left as (0,0).

Usage Examples

  • Make thumbnails - Cut only the needed area from an original photo.
  • Prepare images for upload - Preview the result, then tidy the image file for blogs, shops, or social media.
  • Compare results - Check original and result side by side for quality, size, and display.

Examples

  • X: 100, Y: 100, Width: 500, Height: 500 → crop a 500×500 area from (100,100)
  • Crop a 1:1 area around a face in a portrait for a profile image

Cautions

  • It processes via browser canvas, so original metadata (EXIF) may be lost or transparent areas may change color.
  • Extremely high-resolution large files may fail to convert due to browser image-decoding limits.

FAQ

What is the coordinate basis?

The image top-left is X 0, Y 0 in pixels.

Is the cropped photo uploaded to a server?

No. Decoding and cropping happen entirely in the browser, so the photo is not sent out.

Can I preview the crop area?

It crops to the entered coordinates and saves as PNG, leaving the original file intact.

Which image formats are supported?

Common formats like PNG, JPG, WebP that the browser can display; the result downloads as PNG.

Related Tools

  • Image Resizer - Resize multiple images in the browser with aspect ratio kept, no server upload.
  • Image Rotate / Flip - Rotate images in 90-degree steps or flip them horizontally/vertically.
  • Image Compressor - Reduce image file size in the browser by adjusting quality and max size.
  • Favicon Generator - Generate multiple favicon and app-icon PNG sizes from a source image.
  • Image Format Converter - Convert PNG, JPG, and WebP images to each other in the browser.
  • Image Color Extractor - Analyze image pixels in the browser to extract the main color HEX codes.