gizmobench

Image Cropper

Drop in a picture, drag a box over it, and download the selection. The box is mapped back to the picture's own pixels before anything is written, so the file you get is the selection at full resolution rather than a copy of whatever size the preview happened to be, and the exact rectangle is printed in source coordinates while you drag it. Circle and rounded crops are cut with a real clipping path, so a PNG comes out with genuinely transparent corners instead of white ones painted over the picture; choose JPEG and a background colour appears, because JPEG has no transparency to keep. A locked ratio is exact rather than close, 1:1, 16:9 and 4:3 all dividing evenly in the file that lands in your downloads. The picture is decoded and written inside this tab, nothing is uploaded, there is no account, and no limit is imposed on how many bytes or megapixels it may hold.

The picture appears here.

· or drop one anywhere on the stage

Never uploadedNo accountCropped in this tabFull resolution out
Shape
Ratio
Output

Every pixel inside the box, and nothing else. Drag a box over the picture, or drag its corners. Arrow keys move the selection and shift with an arrow resizes it, a step at a time. The numbers below are the picture's own pixels, which is what the file is cut from, so a preview shown smaller than the picture still downloads the selection at full size.

  • Selectionx, y, width, height in source pixels
    no picture yet
  • Outputexactly the selection
    no picture yet
  • Originalkept untouched
    no picture yet
The crop is exact and the original is never altered. The box you drag is mapped back to the picture's own pixels, so the file you download is the selection at full resolution and not a scaled copy of the preview. The original is never changed. A circle or rounded crop keeps real transparency in PNG; JPEG has none, so it is filled with the background colour you pick. The picture is opened and written inside this tab, and the only thing kept between visits is the shape, ratio and format you last used.

Common questions

Does the crop come out at the full resolution of the original?
Yes, and that is the one thing this tool is built around. The selection is never stored in preview coordinates: every drag is divided by the preview scale and rounded to whole source pixels the moment it happens, so a 4000 pixel wide photograph shown 1200 pixels wide on screen is being previewed at a scale of 0.3, and a 300 pixel box you drag over it is a 1000 pixel selection of the picture itself. The Output row names the size the file will be before you save it, and it is the same pair of numbers as the width and height in the Selection row. Nothing is scaled on the way out: the canvas the crop is drawn onto is exactly the size of the selection.
How does the circle crop handle transparency?
It cuts the picture with a real clipping path, so the corners outside the circle hold no pixels at all rather than white ones painted on top. Saved as PNG, those corners are genuinely transparent and stay transparent when you place the file over another background. Because a circle is drawn inside a square, choosing Circle locks the ratio at 1:1 and the other ratio buttons are switched off: an oval selection would not give you the circle you asked for. Rounded works the same way, with the corners cut to the radius you set.
What happens if I save a circle or rounded crop as JPEG?
JPEG has no transparency at all, so the corners have to become some colour. Choosing JPEG with a circle or rounded shape shows a Background control, set to white to begin with, and that colour is painted underneath the crop before the picture is drawn, so the corners come out in it. If you want the corners to stay clear, choose PNG instead. A plain rectangular crop needs none of this, since it has no transparent part to fill.
Is my picture uploaded anywhere?
No. There is no server in this. The file is read in the page, decoded by the browser's own image decoder, drawn onto a canvas at the selection's size and handed back to you as a download. No image byte is sent to an endpoint, to analytics or to error reporting. The only thing written to your browser's storage is the setting row: the shape, the ratio and the output format you last used. No picture is ever stored, and if storage is blocked the tool still works.
Can I crop to an exact 1:1 or 16:9 ratio?
Yes, and exactly rather than nearly. A locked selection is snapped to a whole multiple of the ratio, so a 16:9 crop comes out as a size like 1600 by 900 that divides evenly, and 4:3 and 1:1 do the same. Dragging a corner grows the locked box to cover the movement in either direction, and it stops at the edge of the picture rather than escaping it: if there is not room for the size you are dragging towards, the box shrinks to the largest one of that ratio that still fits. Free leaves the box any shape you like.
Can I set the crop without using a mouse?
Yes. Tab to the selection and the arrow keys move it, with shift and an arrow resizing it; each of the four corner handles is a button of its own in the tab order, and its arrow keys move that corner while the opposite corner stays still. Each press moves one screen pixel, or one source pixel when that is the larger of the two, so a big photograph previewed small still moves at a useful rate. The live selection is printed under the picture in source coordinates as you go, and Copy puts those four numbers on the clipboard.
Is there a limit on the size of the picture?
None is imposed. Nothing is uploaded, so the bytes on disk are nobody's business, and there is no megapixel cap on what you can open or crop. The practical ceiling is your own machine: a browser that cannot allocate a canvas for a very large crop says so in plain words, with what to try instead, rather than handing you a blank file.
Which formats can it open, and what does it save?
It opens whatever your browser can decode, which today means JPEG, PNG, WebP, GIF and usually AVIF, and it saves PNG or JPEG. PNG keeps every pixel exactly and is the one to use for a circle or rounded crop; JPEG is smaller and is written at high quality, with no transparency. An animated GIF is cropped as the single frame it is showing, because a canvas holds one frame at a time. The download is named after your file with the crop size added, so a 800 by 800 crop of photo.jpg arrives as photo-crop-800x800.png.
Does cropping change my original file?
No. The picture you choose is only ever read. The crop is drawn onto a new canvas and handed to you as a new download, named separately, and your file on disk is untouched. Reset crop puts the selection back to the centred box it opened with, and Use all sets it to the whole picture, so nothing you do here is irreversible.

The box you drag is mapped back to the picture's own pixels, so the file you download is the selection at full resolution and not a scaled copy of the preview. The original is never changed. A circle or rounded crop keeps real transparency in PNG; JPEG has none, so it is filled with the background colour you pick.