WebyTooly

Crop image

Upload an image, drag over it to pick the area you want to keep and download the crop.

Espacio publicitario

Drag your image here or click to choose it

Supports JPG, PNG and WebP

Espacio publicitario

How cropping works

The image is shown scaled down to fit the screen, so the rectangle you draw is translated into original-file coordinates by multiplying by the scale factor between the preview and the real pixels.

real x = on-screen x × (original width ÷ displayed width)

With that rectangle, the browser copies only the selected region of the original onto a new canvas the size of the crop. Nothing is rescaled: the pixels you keep are identical to the source.

crop width = selected width × (original width ÷ displayed width)

The selection is always clamped to the image bounds, so you can never crop outside it or end up with empty edges.

Worked example

On a 2000 × 1500 px photo displayed 500 px wide, a rectangle drawn 100 px wide equals a real crop of 400 px.

Frequently asked questions

Do I lose quality when cropping?
The crop copies pixels as they are, but the file is encoded again. For JPG that means one mild re-compression; for PNG the result is identical.
Can I crop to an exact ratio such as 16:9?
Yes, by typing the width and height in the numeric fields. For example 1600 and 900 px gives you an exact 16:9 selection.
Does it work on mobile?
Yes, the selection listens to pointer events, so you can draw the area with your finger just like with a mouse.
Is the original format kept?
Yes: a PNG downloads as PNG and a JPG as JPG. To change format, run the convert image tool afterwards.

Related calculators