Image Crop Tool

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.

When You'd Use It

Cropping is the edit you need most often and the one that least deserves a full editor. A screenshot with a stray browser tab in it, a photo that has to be square for an avatar, a banner that must be 16:9 — all thirty-second jobs. This page handles them without installing anything, and without your image touching a server.

Real-World Uses

• Profile pictures: lock 1:1, drag the box over the subject, download. Done.
• Video thumbnails: 16:9 matches YouTube; 9:16 Portrait matches Shorts, Reels, and TikTok covers.
• Screenshot cleanup for docs and bug reports: type exact X, Y, Width, and Height values to cut out one UI element at pixel precision — the crop dimensions readout confirms what you'll get before you export.

Nothing Leaves Your Browser

The image is decoded onto a canvas in your browser and the cropped region is exported the same way. There's no upload, no processing queue, no server copy — which is exactly what you want when the screenshot you're cropping shows an internal dashboard or a client's unreleased design.

FAQ

What format is the result?

Always PNG — lossless, and it keeps transparency if the source had it. Need JPEG or WebP instead? Run the result through the Image Format Converter afterwards.

Can I crop to exact pixel dimensions?

Yes. The coordinate inputs accept exact values and clamp to the image bounds, so you can't type a crop that runs off the edge. Drag for speed, type for precision.

Why does the crop box snap shape when I drag a corner?

An aspect ratio is locked. Set the dropdown back to Free and each edge resizes independently again.