About this tool
Take a precise rectangular area from a larger image. Choose a centred crop or specify the top-left coordinates and crop dimensions when you need the same region to be reproducible.
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
मुख्य इनपुट और नियंत्रण हिंदी में देखने के लिए ऊपर “🇮🇳 हिंदी में देखें” चुनें। गणना और फ़ाइल प्रोसेसिंग इसी ब्राउज़र टैब में होती है; टूल आपके इनपुट हमारी होस्टिंग पर नहीं भेजता।
Features
- Choose an automatic centred box or custom X/Y origin.
- Set exact crop width and height inside the detected source dimensions.
- Preview and save the selected rectangle rather than stretching the whole image.
Benefits
- Remove unwanted edges without resizing the remaining subject.
- Use exact coordinates for a repeatable crop.
- Check that the crop stays inside the original image.
Who should use this tool?
- People cropping product images.
- Users trimming scans or profile pictures.
How to use
- Choose a JPG, PNG or WebP image. Its dimensions fill automatically.
- Choose a centred crop or enter custom X/Y coordinates and crop width/height. Keep the box inside the source image.
- Wait for the ready message, then download the cropped image. Changing the crop rebuilds the output.
Try these worked examples
| Scenario | Example inputs | Example result |
|---|---|---|
| Center-Crop 1920×1080 HD Frame to 1080×1080 Square | Source Image Width (px): 1920Source Image Height (px): 1080Crop Origin Mode: Auto-Center Crop BoxTop-Left X Offset (px — used in Custom Mode): 420Top-Left Y Offset (px — used in Custom Mode): 0Target Crop Width (px): 1080Target Crop Height (px): 1080 | 1080 × 1080 px (Origin X: 420px, Y: 0px — 56.3% Area Kept) |
| Custom Coordinate Crop (X:100, Y:50, 800×600 from 1200×900) | Source Image Width (px): 1200Source Image Height (px): 900Crop Origin Mode: Custom Top-Left Coordinates (X, Y)Top-Left X Offset (px — used in Custom Mode): 100Top-Left Y Offset (px — used in Custom Mode): 50Target Crop Width (px): 800Target Crop Height (px): 600 | 800 × 600 px (Origin X: 100px, Y: 50px — 44.4% Area Kept) |
Reference and processing
HTML5 Canvas drawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) Sub-Rectangle Crop
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
FAQs
Where do the X and Y crop coordinates start?
The top-left of the original image is the origin. X moves the crop to the right and Y moves it down. The full crop rectangle must remain inside the source dimensions.
Which inputs do I need for Image Cropper (Coordinate Box & Aspect Ratio Crop Calculator)?
Use Source Image Width (px); Source Image Height (px); Crop Origin Mode; Top-Left X Offset (px — used in Custom Mode), then complete the remaining fields for your scenario. The built-in examples show how those fields fit together.
What should I check before using this result?
Crop rectangle (X + CropW, Y + CropH) must fit within source image dimensions. Keep the original file. Check the saved format, dimensions, page order and content before replacing or sharing a document.
What happens to the information I enter?
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server. Tool favourites save only tool IDs in this browser. Sharing sends the tool link, not your working values or files.