Overview
This image cropper is built for precise framing. Enter crop coordinates to trim a product shot, isolate a chart section, or remove unwanted edges from a banner without guessing the cut area. The tool works directly in the browser, so you can adjust the crop and see the updated frame immediately. It is useful when the final image must match a fixed layout, a document requirement, or a specific focal point. If you need a square avatar, a wide header, or a tight screenshot extract, the cropper gives you control over the visible area and the final composition.
Use cases
- Marketplace product frame cleanupTrim extra background around a product photo so the subject fills the frame more cleanly on catalog pages.
- Screenshot excerpt for documentationKeep only the dialog, table, or code block you need for a help article or internal note.
- Header banner alignmentCut a wide graphic to the exact space reserved in a website hero or email header.
- Avatar framing from a portraitSelect the face and shoulders for a profile image without leaving empty space around the subject.
How it works
- 1
Load an image from your device or paste one into the tool.
- 2
Set crop X, crop Y, crop width, and crop height.
- 3
Use the preview to confirm the visible area and edges.
- 4
Download the cropped image when the frame is correct.
Examples
Crop a product photo to a square
Input: cropX=120, cropY=80, cropWidth=900, cropHeight=900 on a landscape product image
Output: A square image centered on the product with the side margins removed.
Useful when a catalog or social card expects a square frame.
Extract one panel from a dashboard screenshot
Input: cropX=40, cropY=210, cropWidth=1280, cropHeight=620 on a full-page screenshot
Output: Only the chart section is kept, with the navigation and footer removed.
Helps isolate one visual block from a larger interface capture.
Trim a wide banner to a hero strip
Input: cropX=0, cropY=140, cropWidth=1920, cropHeight=520 on a banner design
Output: A narrower hero banner that keeps the main headline and subject in view.
Useful when the design needs a tighter crop for a webpage or email.
FAQ
What do the crop X and crop Y values measure?
They mark the starting point of the crop rectangle from the top-left corner of the image. X moves horizontally, Y moves vertically.
What happens if the crop area goes outside the image?
The crop cannot include pixels that do not exist. Keep width and height within the image bounds, otherwise the result may be clipped or rejected by the tool.
Why does my crop look shifted from the preview?
This usually happens when the source image is rotated, scaled differently than expected, or the entered coordinates were copied from another size. Check the original dimensions before reusing numbers.
Can I keep the original aspect ratio while cropping?
Cropping defines a new frame, so the output ratio depends on the width and height you set. If you need a fixed ratio, choose coordinates that match that shape.
Why do screenshots sometimes need different coordinates than photos?
Screenshots often have sharp edges, interface chrome, and fixed pixel layouts, so precise coordinate input matters more than with natural photos.