What is Crop Image Online?
An image cropper keeps only the rectangular region you care about—centering a subject, matching an aspect ratio, or cutting distractions before you resize or compress. The ToolSphere crops by copying a pixel rectangle from the source bitmap onto a new canvas, then encoding JPEG, PNG, or WebP.
Choose free crop or fixed aspects: 1:1, 4:3, 3:4, 16:9, and 9:16. A scale control shrinks the crop box within the image while keeping the aspect, and numeric x, y, width, and height fields let you fine-tune. Boxes are clamped so they stay inside the image.
Cropping changes composition and output dimensions to the crop size. It does not by itself meet a kilobyte limit—compress afterward if needed.
Why Use This Tool?
Social posts, thumbnails, and product cards often need a specific ratio. Cropping first keeps faces and products in frame before you force a size.
Use exact box values when you must match a template’s safe area. Use presets when you only need a common ratio quickly.
- Free and fixed aspect presets.
- Centered crops with adjustable scale.
- Exact x/y/width/height with clamping.
- Local Canvas processing—not uploaded to The ToolSphere servers for this tool.
How Does This Tool Work?
When the image loads, a centered crop rectangle is computed for the selected aspect and scale. Changing aspect or scale rebuilds that rectangle. Encoding draws only the rectangle via drawImage source cropping into a canvas sized to the crop width and height, then canvas.toBlob.
Invalid or out-of-bounds edits are clamped to remain within the image with at least 1×1 pixels.
Understanding Your Results
Output dimensions equal the crop width and height. Softness comes from lossy quality settings, not from the crop math itself. Stretching is avoided when you use aspect presets correctly—unlike unlocking aspect on the resizer.
If the subject sits outside the box, move x/y or increase scale toward 1 for a larger box.
Why Tracking This Matters
Good crops improve click-through on cards and keep subjects visible after platform auto-crops. Doing it locally speeds iteration on marketing assets.
Benefits of Using Crop Image Online
- Common aspect presets plus free crop.
- Numeric crop box controls.
- Clamped coordinates to stay in-bounds.
- JPEG, PNG, WebP export with quality for lossy formats.
- Client-side processing without The ToolSphere server uploads for this tool.
- Pairs cleanly with Resize and Compress.
How Is the Result Calculated?
Centered aspect crop fits the largest rectangle of the chosen ratio inside the image, then multiplies size by scale (clamped), and centers it. Free mode scales width and height independently from the full frame by the same scale factor.
crop is clamped so 0 ≤ x ≤ W−w and 0 ≤ y ≤ H−h
- ratio
- null for free, or width/height for presets.
- scale
- 0.1–1 factor shrinking the box.
- x, y, width, height
- Integer crop rectangle in source pixels.
Tips for Better Results
- Crop for composition first, then resize to exact pixels if a platform demands them.
- Use 1:1 or 9:16 here for Instagram-like ratios, then resize for exact pixel counts.
- Prefer PNG when cropping UI screenshots with text.
- Leave a little margin around faces for platform chrome.
- After crop, compress if the file is still heavy.
- Double-check clamp behavior if typed values jump—out-of-range inputs are corrected.
Conclusion
Image Cropper cuts a free or fixed-aspect rectangle from your photo with scale and numeric controls, then exports JPEG, PNG, or WebP from a local canvas. Frame the subject, download, and resize or compress when the destination needs exact pixels or kilobytes.