Crop Image

How do I crop an image?

1. Drop a single JPG, PNG or WebP file onto the drop zone.
2. Drag on the preview to draw the crop box; the values below update as you drag.
3. Or type exact values for Left, Top, Width and Height in pixels.
4. Choose an Output format: Same as input, JPG, PNG or WebP.
5. Click Crop and download the cropped image.

Crop Image works on one file at a time so you can see exactly what you are keeping. When you drop an image it is decoded and shown at a fit-to-screen size, but all the numbers you see and type refer to the original pixels. Dragging a box on the preview fills in Left, Top, Width and Height for you; typing values moves the box. The final cut is made with createImageBitmap and an OffscreenCanvas in a Web Worker, copying only the selected rectangle from the full resolution source, so there is no scaling and no loss of sharpness inside the crop.

The pixel fields matter when you need something exact. Profile pictures, marketplace listings and ad platforms often specify sizes such as 400 by 400 or 1200 by 628. Set Width and Height to those values, then adjust Left and Top to position the box over the subject. Left and Top are measured from the top-left corner of the image, and the box cannot extend past the image edges.

Output format defaults to Same as input, which keeps a PNG lossless and re-encodes a JPG at high quality. Choose PNG if you are cropping a screenshot with text or a logo with transparency, and JPG or WebP if you are cropping a photo and want a smaller file. Transparent areas are preserved in PNG and WebP output and flattened onto white in JPG.

Cropping is not the same as resizing. Cropping removes pixels outside the box and leaves the rest untouched; resizing scales the whole image. If you need both, for example a 1:1 thumbnail at 300 pixels from a landscape photo, crop to a square here first and then run the result through Resize Image.

Because the image stays in your browser's memory, nothing is uploaded and there is no file size limit beyond what your device can handle. Metadata is not carried into the cropped file, which also means any GPS location in the original is left behind.

How it works: this tool uses your browser's Canvas and WebCodecs APIs, plus libheif for HEIC. No server is involved, so Kilnfile never sees your file. Last reviewed 20 September 2026.

Frequently asked questions