How Image Cropper (Coordinate Box & Aspect Ratio Crop Calculator) Works & When to Use It
Crop any uploaded image by X/Y offset and Width/Height or center-crop to a clean aspect ratio (1:1 Square, 4:5 Portrait, 16:9 Landscape) locally in your browser. Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
Step-by-Step Instructions
- 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.
Worked Examples
| Scenario | Input Parameters | Example Output |
|---|---|---|
| Center-Crop 1920×1080 HD Frame to 1080×1080 Square | {"srcW": 1920, "srcH": 1080, "cropMode": "center", "cropX": 420, "cropY": 0, "cropW": 1080, "cropH": 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) | {"srcW": 1200, "srcH": 900, "cropMode": "custom", "cropX": 100, "cropY": 50, "cropW": 800, "cropH": 600} |
800 × 600 px (Origin X: 100px, Y: 50px — 44.4% Area Kept) |
Format reference and processing
- Reference Standard / Authority: HTML5 Canvas drawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) Sub-Rectangle Crop
- Privacy & Execution Mode: Browser-Local Only (HTML5 Canvas / ArrayBuffer — Zero Upload) (None (Native HTML5 Canvas, FileReader & PDF-1.4 Builder))
Important Limitations & Edge Cases
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.
Frequently Asked Questions (FAQs)
1. Is Image Cropper (Coordinate Box & Aspect Ratio Crop Calculator) completely free to use without registration?
Yes. Every tool on Easy Tools Today is 100% free with no paywall, no sign-up, and no subscription required.
2. Are the numbers or files I enter uploaded to any server?
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
3. What should I check in the saved output?
Keep the original file. Check the saved format, dimensions, page order and content before replacing or sharing a document. Reference: HTML5 Canvas drawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) Sub-Rectangle Crop.