Crop Image

Works fully offline

Pick an image, drag directly on the preview to select the region you want (or type exact X/Y/width/height), and download the cropped result.

Overview

Cropping keeps a region of an image and discards the rest — useful for removing unwanted background, focusing on a subject, or matching a specific aspect ratio a form requires. This tool draws only the selected region onto an in-memory canvas and re-encodes it, so there's no upload and no server round-trip.

Choosing a file shows a preview with a draggable selection box on top of it. Drag inside the box to move it, drag a corner handle to resize it, or use the +/- buttons to scale it up or down — the X/Y/width/height fields below update live and can also be typed into directly. Choose Rectangle, Square, or Circle as the selection shape, optionally lock a fixed aspect ratio, and optionally invert the selection to keep everything outside it instead of inside it.

Examples

Cropping a square avatar out of a rectangular photo

photo.jpg (1200×800), crop at X=200, Y=0, 800×800
cropped.jpg (800×800 square)

How It Works

  1. Choose a PNG, JPEG, or WebP file — a preview and its pixel dimensions appear, with a selection box already covering the full image.
  2. Drag the selection box to move it, drag a corner handle to resize it, or use the +/- buttons to scale it — or type exact X/Y/width/height values instead.
  3. Pick a selection shape (Rectangle, Square, or Circle) and, for Rectangle, optionally lock a fixed aspect ratio. Check Invert selection to keep everything outside the selected area instead of inside it.
  4. Pick an output format and, for JPEG/WebP, a quality level. Circle and Invert selection both require PNG or WebP, since they rely on transparency.
  5. Click Crop, then Download to save the result.

Use Cases

Removing unwanted background from a screenshot

Crop a screenshot down to just the relevant window or region before sharing it.

Matching a required aspect ratio

Crop a photo to a square or a specific ratio a form or platform requires, rather than letting it get auto-cropped unpredictably on upload.

Tips

  • Check the source dimensions shown after choosing a file — X + width and Y + height both need to stay within those bounds.
  • The controls panel moves to whichever side keeps the most room for the image — right for a tall photo, bottom for a wide one — based on the image's own aspect ratio. Use the Controls position dropdown to force Left, Right, Top, or Bottom instead of Auto.
  • Square and Circle automatically lock the selection to a 1:1 aspect ratio; pick a fixed ratio (4:3, 16:9, etc.) from the Aspect ratio dropdown to lock Rectangle selections too.
  • Circle and Invert selection both rely on transparency, so they require PNG or WebP output — JPEG is unavailable while either is active.
  • If you need to change overall size rather than trim the framing, use Resize Image instead (or run both, crop first).
  • For a HEIC or AVIF source photo, convert it first with HEIC Converter or AVIF Converter, then crop the result here.

FAQ

No. Cropping happens entirely in your browser using the Canvas API — your image is never uploaded or sent anywhere.

The tool checks this before cropping and shows an error if X + width or Y + height would extend past the source image's edges.

PNG, JPEG, and WebP, the same set the Image Converter tool supports — for HEIC or AVIF sources, convert first.

Yes — choose Circle as the selection shape for a round crop with transparent corners. It's an alpha-masked PNG or WebP (JPEG has no transparency channel, so it isn't offered while Circle or Invert selection is active), not a true freeform cutout, but it covers avatars, badges, and similar round-crop needs.

It flips which part of the image is kept. Normally the tool keeps only the selected region; with Invert selection checked, it keeps everything outside the selected region instead — the output is the full source image with the selected area cut out as a transparent hole, so it also requires PNG or WebP output.

Related Tools