Crop an image
Trim an image to an exact rectangle, measured in pixels.
Or drop one anywhere on this page — JPG, PNG or WebP
What to know about Crop Image
Cut a picture down to the part you want, by typing the rectangle rather than dragging it. Give an offset from the top-left and the width and height to keep, and you get exactly those pixels — repeatable across several images, which a dragged selection never is. The picture is read and rewritten in your browser.
Cropping by numbers rather than by dragging a box looks like the harder way round until you have to do it twice. A dragged selection is quick and approximate; typed coordinates are exact and, more usefully, repeatable. Trimming a 40-pixel status bar from the top of twenty phone screenshots is one number applied twenty times, and every result lines up. Doing it by eye produces twenty slightly different pictures.
The coordinate system is the one the picture already uses: x and y count from the top-left corner in pixels, and width and height are how much to keep from there. It is the same convention screenshots, image editors and CSS use, so a measurement taken anywhere else transfers directly.
Rectangles that overhang are clamped rather than refused. Asking to keep 1920 pixels of width starting 100 pixels in, from a picture that is 1900 wide, is somebody who misremembered the dimensions — handing back the 1800 pixels that genuinely exist is more useful than an error asking them to measure again. The result panel reports the dimensions you actually got, so a clamp is visible rather than silent.
How to crop an image
- 1
Load the picture
Drop it onto the page. Its full width and height in pixels are shown so you have something to measure against.
- 2
Describe the rectangle
An x and y offset from the top-left corner, then the width and height you want to keep from that point.
- 3
Crop and download
The dimensions of the result are reported, so a rectangle that had to be brought inside the picture is visible rather than silent.
What Crop Image accepts and produces
- Input
- One picture, with its full pixel dimensions reported once it has been read.
- Output
- Only the rectangle you specified, written in the source format unless you change it.
- Limits
- A rectangle that runs past the edge is brought back inside the picture rather than rejected, so the result can be smaller than the numbers you typed.
- Offline
- Yes, offline from the start. The picture is decoded and redrawn using the browser's own canvas, with nothing to download.
Why Crop Image here
- Exact pixel coordinates, so the same crop can be applied to image after image
- Full source dimensions shown, giving you something to measure from
- Overhanging rectangles clamped to the picture instead of refused
- Nothing uploaded — the picture is cut in your browser
Where your file goes
Nowhere. This tool runs inside your browser, and the page is served with a policy that forbids it from sending your document anywhere. You can confirm that yourself: open your browser’s developer tools, watch the Network tab, and process a file.
Questions
Why type coordinates instead of dragging a box?
Because typed coordinates are exact and repeatable. If you are trimming the same banner or status bar from a series of screenshots, one set of numbers gives you identical results every time, where a dragged box gives you a series of near-misses. For a one-off artistic crop a drag is friendlier; for anything systematic, numbers win.
Where is the origin — top-left or bottom-left?
Top-left, with x increasing to the right and y increasing downward. That is the convention screenshots, image editors and CSS all use, so a measurement taken in any of them can be typed straight in. PDF pages measure from the bottom-left, which is why Crop PDF works in fractions of a page instead.
What happens if my rectangle is bigger than the picture?
It is brought back inside the boundary and you get the largest rectangle that actually exists at that offset. The resulting dimensions are reported afterwards, so you can see immediately that a clamp happened rather than wondering why the output is not the size you typed.
Does trimming an image make the file smaller?
Yes, roughly in proportion to the pixels removed — cutting away half the picture typically removes something close to half the bytes. Cropping is genuinely one of the most effective ways to shrink an image, because the discarded parts cost nothing to store once they are gone.
Does cropping lose quality in the part I keep?
The pixels themselves are copied across untouched. If the output is written as JPG or WebP it is re-encoded, which is a fresh lossy pass, so keeping the format lossless — or using a high quality setting — preserves the kept region exactly as it was.
Can I crop to a specific aspect ratio?
Indirectly: choose width and height in the ratio you need. For a 16:9 crop of a 1920-wide picture, keep 1920 by 1080. The tool does not lock a ratio for you, because doing so would mean overriding one of the numbers you typed, and typed numbers are the point of this interface.
Is the picture sent anywhere to crop it?
No. It is decoded, the chosen region is drawn into a new canvas, and that canvas is encoded — all inside your browser. No request carrying the image is made at any point, and the site's security policy blocks connections to any other origin regardless.
Can I get the trimmed edges back?
Not within the tool, but your original file is never modified — it is still exactly where it was on your device. A crop produces a new file for you to download, so going back simply means starting again from the original.