Crop Image Online
Free online image cropper. Crop a photo to an exact rectangle in your browser with a live preview overlay, then download as PNG or JPG. No upload and no signup.
Updated 2026-06-14 · Free · No sign-up · Runs privately in your browser
Runs in your browser — no upload. The red box on the preview is the area that will be kept.
What this tool does
This tool crops an image to a rectangle you define, then downloads just that area, all in your browser. Use it to cut out a subject, remove dead space, fix framing, or make a square thumbnail. A live red overlay on a scaled preview shows precisely what will be kept, and nothing is uploaded to a server.
How to use it
- Click Choose an image. The tool loads a preview and starts with a centred crop.
- Set X (left), Y (top), Width, and Height in pixels. The red box on the preview updates as you type.
- Choose an output format, PNG or JPG.
- Click Crop & download and check the Cropped size and File size cards.
How it works
Your full-resolution image stays in memory while the preview is shown scaled to fit the page. The tool maps the preview back to real pixels, so the X, Y, Width, and Height you enter always refer to the original image. On crop, it draws only the selected rectangle onto a canvas of that exact size and exports it. The overlay is positioned by multiplying your pixel values by the preview’s scale factor.
Worked example
You have a 1920 x 1080 px screenshot and want just the centre 600 x 600 px square.
- Set X = 660, Y = 240, Width = 600, Height = 600.
- The red box shows a centred square on the preview.
- Click Crop & download to get a 600 x 600 px image of that area.
Crop value reference
| You want | Set the values to |
|---|---|
| Top-left quarter of a W x H image | X 0, Y 0, Width W/2, Height H/2 |
| Centred square (side S) | X (W-S)/2, Y (H-S)/2, Width S, Height S |
| Remove a 50px left margin | X 50, Y 0, Width W-50, Height H |
| Bottom strip (height T) | X 0, Y H-T, Width W, Height T |
Tips
- Values are clamped to the image. If a box runs off the edge, the tool trims it to stay inside the photo, so you never get blank borders.
- Use PNG to keep transparency in logos or cut-outs; use JPG for the smallest photo files.
- Crop before resizing when you only need part of a large image — it leaves more detail in the area you keep.
Frequently asked questions
How do I crop an image online?+
Choose your image, set the X, Y, Width, and Height of the crop box in pixels, watch the red overlay show what will be kept, then click Crop and download. The selected rectangle is saved as a new image.
What do the X and Y values mean?+
X is the distance in pixels from the left edge of the image to the left side of the crop box, and Y is the distance from the top edge to the top of the crop box. Width and Height set how big the kept area is from that point.
Is my photo uploaded when I crop it?+
No. Cropping is done in your browser on an HTML canvas, so the image stays on your device and is never uploaded or stored. It works offline once the page has loaded.
Why is there a red box on the preview?+
The red rectangle shows exactly which part of the image will be kept after cropping. As you change the X, Y, Width, and Height values, the box moves and resizes so you can see the result before downloading.
Does cropping reduce the file size?+
Usually yes, because a cropped image has fewer pixels than the original, so the file is smaller. The exact size depends on the crop dimensions and the output format you choose.