Image Cropper - Crop Photos Online with Custom Ratios
Crop JPG, PNG, and WebP images free-form or to fixed ratios like 1:1, 4:3, and 16:9, with a live preview — all processing stays in your browser.
Load an image, pick an aspect ratio preset or type exact crop coordinates, check the highlighted preview, and download the cropped result. Cropping is done locally with the canvas API — nothing is uploaded.
Image Cropper - Crop Photos Online with Custom Ratios
Crop JPG, PNG, and WebP images free-form or to fixed ratios like 1:1, 4:3, and 16:9, with a live preview — all processing stays in your browser.
Your image is cropped locally in your browser and never leaves your device.
Crop calculator
Want the numbers without loading a file? Enter your image's dimensions, pick an aspect ratio preset above, and compute the largest centered crop that fits.
The calculator uses the aspect ratio preset selected in the cropper above.
About the image cropper
Cropping is the fastest way to improve a photo: it removes distractions at the edges, recomposes the subject, and — just as often — it is simply required, because the destination demands a specific shape. Social profiles want squares, video thumbnails want 16:9, classic prints want 4:3. This image cropper cuts JPG, PNG, and WebP images to any rectangle you choose, entirely inside your browser. The file is decoded locally, drawn to a canvas, trimmed to your crop box, and re-encoded on your own device; it is never uploaded, so private photos stay private.
There are two ways to define the crop. The quickest is an aspect ratio preset: choose Free for an unconstrained rectangle, 1:1 for a square, 4:3 for the classic photo shape, or 16:9 for widescreen. Selecting a preset immediately places the largest possible centered crop of that shape on your image, which is almost always the starting point you want — it keeps the maximum number of pixels while guaranteeing the exact ratio. From there you can fine-tune with the numeric fields: X and Y set the top-left corner of the crop box in pixels measured from the image's top-left corner, and width and height set its size. The live preview dims everything outside the crop box so you can see exactly what will be kept before you commit. When the box is right, one click renders the cropped area to a new image and downloads it as a lossless PNG.
Numeric, pixel-exact cropping is deliberately different from drag-only croppers. When a spec says "crop to 1200 × 630 starting 60 pixels from the top," dragging handles is guesswork; typing four numbers is exact and repeatable across a whole batch of images. It also makes the math transparent: for a ratio of r, the widest crop that fits is the image width or the image height multiplied by r, whichever is smaller.
If you only need those numbers — say you are writing CSS, configuring a thumbnail pipeline, or preparing instructions for someone else — the crop calculator below skips the file entirely. Enter the original dimensions, pick a preset, and it returns the size and position of the largest centered crop. Everything on this page is free, requires no sign-up, adds no watermark, and works offline once loaded, because the whole tool is client-side JavaScript and canvas.
Image crop examples
Typical crops and what the numbers look like.
| Task | Crop box | Note |
|---|---|---|
| Square avatar from a 3000 × 2000 photo (1:1 preset) | 2000 × 2000, starting 500 px from the left edge | The square is limited by the shorter side, then centered horizontally: (3000 − 2000) ÷ 2 = 500. |
| Widescreen 16:9 thumbnail from a 4000 × 3000 photo | 4000 × 2250, starting 375 px from the top | Full width is kept; height becomes 4000 ÷ (16/9) = 2250, centered vertically. |
| 4:3 print crop from a 5000 × 4000 scan | 5000 × 3750, starting 125 px from the top | The 4:3 box uses the full width, trimming 250 px of height split evenly top and bottom. |
| Remove a 100 px watermark strip from the bottom of a 1600 × 900 image | X 0, Y 0, width 1600, height 800 (Free preset) | Free-form cropping lets you cut an exact strip without changing the horizontal framing. |
How to crop an image
- Choose a JPG, PNG, or WebP image with the file picker — it stays on your device the whole time.
- Pick an aspect ratio preset (Free, square, 4:3, or 16:9); the largest centered crop of that shape is placed automatically.
- Fine-tune the X, Y, width, and height fields and watch the preview highlight exactly what will be kept.
- Click Crop & Download to save the cropped area as a PNG file.
Image cropper FAQ
Is my photo uploaded when I crop it?
No. The image is read and cropped entirely in your browser using the File API and canvas. No server ever receives your file, which makes the tool safe for screenshots, documents, and personal photos.
How do I crop an image to a square?
Load the image and click the 1:1 preset. The tool places the largest centered square automatically; you can then nudge the X or Y values to shift which part of the photo the square keeps.
What do the X and Y values mean?
They are the pixel coordinates of the crop box's top-left corner, measured from the top-left corner of the image. X moves the box right as it increases, and Y moves it down. Width and height then define the box size from that corner.
Does cropping reduce image quality?
The kept pixels are copied unchanged — cropping itself is lossless. The result downloads as a PNG, which preserves every remaining pixel exactly; only the discarded area is lost.
Why can't my crop be larger than the image?
A crop can only keep pixels that exist, so the box is clamped to the image bounds. To put a photo on a larger canvas or add borders, you need an editor that supports padding rather than a cropper.
Which aspect ratio should I use?
Match the destination: 1:1 for most profile pictures, 16:9 for video thumbnails and presentation covers, 4:3 for classic photo prints, and Free when you just want to trim distractions without a fixed shape.