← Back to DevKit

Image Cropper

IMAGE CROP · DESIGN & MEDIA

Drag a crop region on a canvas with 1:1 / 4:3 / 16:9 presets and export PNG or JPEG locally — the image is never uploaded and the source stays intact.

Drop an image here, or click to pick oneAny image · cropped locally, never uploaded
Quality
Preview · drag to select crop area
Images are read locally; export uses the original pixels and never alters the source. JPEG is flattened onto white. Drag on empty space for a new box, inside to move, and the bottom-right handle to resize.

>_ USAGE GUIDE

Drag a crop region on a canvas with 1:1 / 4:3 / 16:9 presets and export as PNG or JPEG. The whole process — canvas drawing and encoding — runs locally, so the image is never uploaded and the source stays untouched; what you get is a new cropped result.

The two ways to frame differ usefully: free drag suits any composition, while a locked-aspect preset holds the ratio, so the box always matches the chosen shape — handy for avatars or covers. On the export format, PNG is lossless and good for icons and images needing transparency or crisp edges, while JPEG is smaller and good for photos. Output pixel dimensions follow your selection, so a larger selection yields a higher-resolution export.

  1. Choose or drop an image: pick a local file or drag one in
  2. Pick a preset or free-drag: decide whether to lock the aspect ratio
  3. Adjust the crop box: drag the box or its handles onto your subject
  4. Choose the export format: pick PNG or JPEG by quality and size needs
  5. Download: save the new cropped image

>_ FAQ

Q1 · Does cropping reduce image quality?

Cropping itself does not re-compress or alter pixels; it just cuts a region out of the source, so within the frame the quality matches the original. The real change comes from the export format: PNG is lossless, whereas exporting to JPEG re-encodes by a quality parameter and may lose a little.

Q2 · Can I crop to a fixed aspect ratio?

Yes. Selecting a preset such as 1:1, 4:3 or 16:9 locks the box to that ratio, so it holds the shape no matter how you drag — convenient for avatars (1:1) or video covers (16:9). You can also switch back to free drag for any ratio.

Q3 · Which image formats are supported?

Any format the browser can decode, such as PNG, JPEG, WebP and GIF, can be imported, while export offers PNG and JPEG. If an image will not import, its encoding is probably unsupported by the current browser; convert it to a common format first.

Q4 · Is my image uploaded to a server?

No. Everything runs locally in the browser, so the image data never leaves your device and is not stored. Cropping private photos is therefore safe, and closing the page leaves nothing behind.

Q5 · How does it differ from the image compressor and converter?

They serve different jobs: the image compressor (img) reduces file size, the converter (imgconv) changes formats, and this tool handles the crop selection and export. All three share the same local-only, no-upload design. Use the compressor to shrink, the converter to change format, and this tool to re-frame.

Embed code

Paste the code below into your page to embed this tool as an iframe (nav and footer auto-hidden).

Heightpx
This tool runs entirely in your browser — input never leaves your device. Press Ctrl K to switch tools anytime.