What It Does
Renders your image on an HTML Canvas, then overlays an interactive SVG crop
region with draggable handles. You can drag the crop box, resize it from any
corner or edge, or type exact pixel coordinates. Aspect ratio lock constrains
the region shape as you drag. The final crop is exported as a PNG via Canvas API.
How To Use
- Drop or browse an image file.
- Optionally lock an aspect ratio from the dropdown.
- Drag the crop handles or type pixel values in the coordinate inputs.
- Click Crop & Download to save the cropped PNG.
- Use Reset crop to select the full image again.
// huntermussel
Need automated image cropping in your content pipeline?
HunterMussel builds workflow automation that handles bulk image cropping, resizing, and delivery — eliminating manual processing entirely.
Explore Workflows & BPM →