✂️ Image Crop
Crop images by dragging a selection rectangle. Choose aspect ratio: free, 1:1, 4:3, or 16:9. Processed in-browser via Canvas API.
🔒 About Privacy
- ・All processing happens entirely in your browser
- ・Image data is never sent to any server
- ・No storage logs, no upload history, no database
- ・No signup, no login, no payment ever
Drag & drop, click to select, or paste an image
💡 Drag on the image to select a crop region
📖 Where people get stuck
Drag a rectangle over an image to crop it, with optional fixed aspect ratios (1:1, 4:3, 16:9, 3:2, 9:16 or free) and PNG, JPEG or WebP output. Processing uses the Canvas API entirely in the browser. Cropping genuinely discards pixels and cannot be undone — it is not a change of visible area; whatever fell outside the selection no longer exists in the output file. That fact underpins everything below.
| Case | What happens | What to do |
|---|---|---|
| The cropped image is smaller and coarser than expected | The output size of a crop is exactly the number of real pixels inside your selection. Select what looks like a smallish region on screen from a 4000px photograph and, if that corresponds to 300px of the original, the output is a 300px image. A zoomed-out view makes this easy to misjudge, and the assumption that a big source photograph guarantees enough resolution turns out to be wrong. Used as a social header or a thumbnail, it gets stretched at the destination and is visibly coarse. | Decide the output size your use requires before you start. An OGP image is 1200 by 630, an X header 1500 by 500, and the principle is not to crop a region smaller than the specified size. If it falls short, upscaling will not bring the quality back — the only remedy is a higher-resolution source. In terms of order of work, crop to the ratio you need first, then resize to the specified dimensions (image resize tool). While dragging the selection, keep the real pixel count of the region in mind: it is the only thing that tells you whether this will work. |
| The fixed ratio does not produce exact dimensions | Ratio locking constrains the selection box while you drag, and the final pixel count involves rounding to whole pixels. What you selected as 16:9 can come out a pixel off, as 1920 by 1079. And when the selection reaches the edge of the image, it is clamped there and the ratio breaks — which happens most often when you are trying to use the full extent. For uses with strictly specified dimensions, such as a social preview or a video thumbnail, that single pixel shows up as a border or as stretching. | When exact dimensions matter, run one resize after cropping: the one-pixel difference is absorbed and you land on the specified size exactly. The order matters — resizing first and cropping second can leave you unable to fit the region you wanted. If you need to reach the edge, it is quicker to turn ratio locking off, select freely, and fix the ratio with a resize afterwards. And always do the final check on the actual destination: each social network crops OGP images its own way, so even at 1200 by 630, anything away from the centre may be cut. Keep the important elements near the middle. |
| Saving as JPEG turned the transparent area black | JPEG cannot hold transparency. Crop a PNG with transparency — a logo or an icon — and save as JPEG, and the transparent area is filled with white or black. Which one is implementation-dependent, and because a canvas starts out as transparent black, black is the more common result. That is the route by which an image prepared for a white page arrives with a black border. WebP does preserve transparency, so the problem does not arise there. | Choose PNG or WebP when you need transparency. As a rough guide: JPEG or WebP for photographs, PNG or WebP for diagrams and logos with transparency, and WebP when file size is the priority. WebP is 25 to 35 percent smaller than JPEG at equal quality and supports both transparency and animation — every major browser handles it, so for the web it is the first choice. But attaching it to an email, opening it in older image software or submitting it to a print shop may not work — when you know who is receiving it, pick a format they can open. If in doubt, PNG is the most broadly compatible option. |
When you are cropping in order to hide something, mind the format. Cropping a PNG or a JPEG discards the pixels and is safe, but the crop tool in PDF, Word and PowerPoint only changes the visible area — the original image is still inside the document, and anyone who clicks reset crop sees all of it. This has caused real disclosures more than once, and covering something with a black rectangle is equally unsafe, since the shape can simply be moved. To remove confidential content, export to an image first and edit that image. Second: going through a canvas strips EXIF, dropping GPS coordinates and capture timestamps — convenient before publishing, but if your workflow needs the capture time preserved, record that metadata separately.
📖 How to Use
-
1
Load an imageDrag and drop, click to select, or paste from clipboard with Ctrl+V.
-
2
Choose aspect ratioFree, 1:1, 4:3, 16:9, 3:2, or 9:16. Fixed ratios snap your drag region.
-
3
Drag a regionDrag on the image to enclose the crop area. Click Reset to clear.
-
4
Crop and downloadClick Crop Now to generate the preview, then download as PNG, JPEG, or WebP. Filename gets _cropped suffix.
❓ Frequently Asked Questions
Is my image uploaded to your server?
How precise is the crop region?
What image formats are supported?
🔗 Related Tools
🐛 Found a bug or issue with this tool?
Free to use, no signup. Even just the steps to reproduce are helpful. Reports go directly to the operator and help us fix issues.
Thanks for your report!
Your report has been delivered to the operator and will be used to improve the tool.