DESIGN & WEB

Image Resize & Crop

Crop to a centred aspect ratio or a custom rectangle and resize by width, height, percent or fit-in-box — in your browser, no upload — exact pixels shown.

An image at precisely the pixels you asked for, with the crop rectangle and scale factor stated, saved as PNG, JPEG or WebP.

Example: A 1920 × 1080 photo cropped to a centred square is 1080 × 1080 taken from x = 420; fitted into 500 × 500 it becomes 500 × 500. A 640 × 360 PNG resized to 320 wide keeps 16:9 at 320 × 180.

v0.1.0 · last reviewed 20 September 2026
Loading the workspace…
BUILT TO BE UNDERSTOOD

Crop first,
then scale.

The order of operations, how each resize mode derives the missing dimension, and why upscaling is off by default.

Cropping

A preset ratio (1:1, 4:3, 3:2, 16:9, 9:16) takes the largest rectangle of that shape from the centre of the image; a custom crop is a rectangle in source pixels (x, y, width, height) and is refused if it runs past the edge. The crop rectangle is reported so it can be reproduced elsewhere. Cropping happens before resizing, so a width you enter applies to the cropped picture.

Resizing

By width or by height keeps the cropped aspect ratio and rounds the other side to a whole pixel; by percent scales both; fit-in-box scales down (or up, if allowed) so the longer side touches the box. The browser draws the crop rectangle onto a canvas of the output size with its best smoothing (bicubic-quality). Enlarging is off unless you allow it, because interpolation adds pixels but not detail; the page says when it was declined.

Output

“Same format” keeps PNG, JPEG or WebP; GIF, BMP and AVIF sources become PNG because the canvas cannot write them. JPEG flattens transparency onto white. No metadata is carried across. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.

SOURCES

Last reviewed 20 September 2026. How results are checked: How we verify.