What Image Cropper does
The cropper exports a validated rectangular region and provides numeric X, Y, width and height controls as an equivalent keyboard-accessible workflow.
How to use it
- Choose a JPEG, PNG or WebP.
- Select free crop or an aspect ratio.
- Adjust the crop and transform controls.
- Crop explicitly, review the result and download it.
Practical example
Create a centered square profile image by choosing 1:1, adjusting X, Y and width, then exporting PNG.
Technical methodology
The browser decodes the source, applies rotation, flips and zoom during canvas rendering, then maps the validated crop rectangle into the final output.
Common uses
- Create square profile photos
- Prepare portrait and landscape ratios
- Rotate mobile photos
- Export a focused image region
Common errors
- Crop regions outside source bounds
- Zero or negative crop sizes
- Zoom or output values beyond visible limits
Security and privacy
Images stay inside the browser tab and are not uploaded, stored, fetched from remote URLs or placed in analytics. Object URLs are revoked when files or results are replaced and when the tool unmounts.
Limitations
The numeric region is accessible but this sprint does not include a pointer-drag overlay. Browser decoding commonly honors orientation, but full EXIF parsing and metadata retention are not implemented.