Files & Images Runs locally Ready to use Built-in examples No tracking

Image Cropper

Crop images locally: pick a ratio (1:1, 4:3, 3:4, 16:9, 9:16) or type a free crop rectangle, anchor the frame, add rotation or flip, preview the output size, then download. Nothing is uploaded.

An avatar needs 1:1, a video cover wants 16:9, an ID photo is 3:4 — the wrong ratio wastes a good picture. Pick a preset ratio and drag the frame, or type the crop rectangle for precision, with rotation and flipping alongside. Cropping only reframes: the pixels that remain are the original ones, so the result is not quietly degraded the way a re-compression would degrade it.

Ratio mode takes the largest frame of that ratio that fits inside the image, rounded to whole pixels, so the actual ratio stays within about 1% of the nominal one; free mode takes x, y, width and height, clamped back inside the image if they overrun. Cropping changes what is in the frame but does not recompress the image, so the retained pixels are unchanged — enlargement is a different operation and its blur is not cropping's doing.

—
—

How to use

  1. Load the image.
  2. Choose a preset ratio, or enter the crop rectangle directly.
  3. Set the anchor, and add rotation or flipping if needed.
  4. Check the output dimensions, then crop and download.

How it works

Crop by ratio

After choosing an image, pick a ratio — 1:1 for avatars, 16:9 for covers — and the tool frames the largest box of that ratio inside the image; frame position can center or hug an edge. The result area shows the crop region and output size before you download.

Free crop by coordinates

Switch to "free crop" and enter x, y (top-left corner) plus width and height in pixels; out-of-bounds parts clamp back inside. Ideal for trimming white edges, watermarks, or producing exact-size outputs.

Rotate and flip stack with cropping

Rotation supports 90, 180 and 270 degrees; flipping comes in horizontal, vertical and both — stackable with cropping: frame first, then rotate by the output size, with final dimensions shown in the result area.

Quality is preserved

Never. Cropping re-frames and re-encodes, keeping pixels identical to the original with no wholesale re-compression — zoom in and details match. Blur on enlargement is scaling's business, not cropping's.

Code example

JavaScript Cropping and rotating (9-argument drawImage) 

// 9-arg drawImage takes a source rectangle and places it on the target canvas
function crop(img, box) {
  const { x, y, width, height } = box;
  const canvas = document.createElement('canvas');
  canvas.width = width;
  canvas.height = height;
  canvas.getContext('2d').drawImage(img, x, y, width, height, 0, 0, width, height);
  return canvas;
}

// rotating 90 degrees must swap width and height, otherwise half the image is cut
function rotate90(canvas) {
  const out = document.createElement('canvas');
  out.width = canvas.height;
  out.height = canvas.width;
  const ctx = out.getContext('2d');
  ctx.translate(out.width, 0);
  ctx.rotate(Math.PI / 2);
  ctx.drawImage(canvas, 0, 0);
  return out;
}

Python Cropping and rotating with Pillow 

from PIL import Image

img = Image.open('photo.jpg')

# crop takes (left, top, right, bottom), not width and height
img.crop((120, 80, 620, 480)).save('cropped.jpg', quality=92)

# rotate: multiples of 90 via transpose are lossless; rotate(expand=True) keeps corners
img.transpose(Image.ROTATE_90).save('rotated.jpg', quality=92)
img.rotate(15, expand=True).save('tilted.jpg', quality=92)

FAQ

Are images uploaded when cropping?

No. Frame computation and canvas export happen locally; images stay on your machine from selection to download — ID photos and contract screenshots crop here safely.

Where does the 1:1 avatar frame sit?

Centered by default, trimming equally from both sides; if the subject leans to one side, switch the frame position to top, bottom, left or right and the box hugs that edge at maximum ratio.

Why is a 4:3 frame an odd size like 426x320?

The frame must fit entirely within the image's pixels, so the tool rounds and delivers the largest achievable box of that ratio — within 1% of the nominal proportion, invisible to the eye.

Can I undo a bad crop?

Yes. The source stays on the page — change parameters to re-frame instantly, or press reset for defaults. Your original file on disk is untouched; start over anytime.

Which formats are supported?

PNG, JPG, GIF, BMP and WebP all load and crop; animated GIFs export as static images — keep the original file to preserve animation.

Can I crop in batches?

One at a time currently — swap images to continue with ratio and rotation settings retained. Batch queues are planned; frequent users, send feedback from the page.

How does cropping divide work with the resizer?

Cropping changes the picture's extent (which pixels to keep); scaling changes overall dimensions (resampling pixels). Crop the composition here first, then resize or compress — the most controllable quality path.