Image Cropper
Select and crop a region of an image on a canvas with aspect-ratio presets, then export a full-resolution PNG.
What is Image Cropper?
An image cropper lets you select a rectangular region of a picture and export just that region as a new image file. Rather than cropping to a fixed frame the way a phone editor does, this tool shows the full image with a draggable, resizable crop frame over it, and exports whichever area you settle on at the original pixel resolution. Locking the frame to a fixed aspect ratio (1:1 for avatars and social posts, 4:3 or 16:9 for video thumbnails and slides) keeps the output dimensions predictable when a downstream system expects a specific shape. Everything runs in the browser using the HTML canvas — the image is never uploaded to a server, so it works offline and on private or sensitive images.
How to Use Image Cropper
- Drag an image onto the dropzone (or click to choose one).
- Pick an aspect ratio preset (Free, 1:1, 4:3, 3:2, 16:9) — the frame snaps to that shape.
- Drag inside the frame to move it; drag a corner or edge to resize; or drag on empty image to draw a new frame.
- Click "Export PNG" to download the cropped region as a full-resolution PNG.
Examples
Square avatar from a portrait
Input: photo.jpg — 1:1 preset
Output: A 512×512 square PNG centered on the subject
16:9 thumbnail
Input: screenshot.png — 16:9 preset
Output: A 1280×720 widescreen PNG cropped from the original
Common Mistakes
- Cropping without an aspect lock and ending up with an awkward, non-standard shape when the destination expects 1:1 or 16:9 — pick the preset first.
- Drawing a tiny crop frame by accident (a click-and-slight-drag) and exporting a near-empty image — the output dimensions are shown live, so check them before exporting.
- Forgetting that the on-screen preview is downscaled — the exported PNG is full resolution, so don't judge the output size by what you see in the editor.
- Expecting transparency around the crop — the crop is opaque and rectangular; anything outside the frame is discarded, not made transparent.
Why Use This Tool
- Works entirely in the browser via canvas — no upload, no server round-trip, private by default.
- Aspect-ratio presets (1:1, 4:3, 3:2, 16:9) keep output dimensions predictable for avatars, thumbnails, and slides.
- The crop frame is fully draggable and resizable with corner and edge handles, plus drag-to-draw for a fresh frame.
- Exports at the source image's native resolution, so the cropped PNG is as sharp as the region it came from.