Image Cropper
Crop any image to exact pixel coordinates — set X, Y, width, and height manually.
How to use this tool
- 1Click the upload zone and select an image file.
- 2The original image dimensions are shown below the preview.
- 3Enter X (left offset), Y (top offset), Width, and Height in pixels.
- 4Click 'Crop Image' to generate the cropped preview, then click 'Download Cropped' to save as PNG.
About Image Cropper
This image cropper applies exact pixel coordinates — X, Y, width, and height — through Canvas and downloads a PNG of the clipped region.
Ad specs, avatar slots, and ML patch workflows often need reproducible numbers instead of a freehand drag that hides offsets. Upload an image, read original dimensions, enter crop values with origin at the top-left (X increases to the right, Y increases downward), preview, then download.
Aspect ratio is whatever width and height you type unless you compute a ratio yourself. Cropping beyond image bounds should be caught by validation rather than inventing pixels. EXIF orientation can make coordinates feel wrong if the bitmap is sideways — correct orientation first when preview disagrees with expectation.
Extract a chart region from a screenshot, build square avatars from group photos, trim toolbars before external sharing, or produce OG-sized frames from wider banners.
Off-by-one width/height confusion versus inclusive pixel math. Huge sources allocate large canvases. Cropping does not increase subject sharpness. Sensitive screenshots should be cropped locally before upload to chat.
Document X/Y/width/height in tickets so others can reproduce the same crop. Choose ratio and anchor before typing numbers — ratio alone without position still misses the subject.
Frequently asked questions
Out-of-bounds crops should error or clamp depending on validation. Inventing pixels beyond the bitmap is not a real crop. Reduce width or X until the rectangle fits. Bounds failures are coordinate scenarios, not mysterious encoder bugs. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Y increases downward from the top-left origin, which surprises people coming from math-class graphs. EXIF orientation mismatches can also shift mental models. Trust the preview and adjust Y carefully. Orientation-fix before cropping if the image looks rotated. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Zero-area rectangles are invalid for a meaningful crop download. Enter positive pixel sizes. If nothing generates, check for zeros or empty fields. This is a basic input error scenario to catch before you chase Canvas issues. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Cropping selects a region and discards the rest at source resolution for that region. Resizing changes dimensions of whatever bitmap you give it, often the full frame. Crop for composition, then resize for exact delivery size. Using resize alone cannot reframe a subject. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Freehand is fast for exploratory framing. Numeric crop wins when specs are contractual or must be reproduced across a team. Many workflows explore freehand elsewhere, then lock numbers here. Pick based on whether reproducibility matters. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Canvas re-encode paths typically emit a fresh PNG without the original EXIF block. That can be desirable for privacy or annoying for photographers. Assume tags are gone unless a tool explicitly copies them. Verify with a metadata inspector if tags matter. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
A failed export path, browser download block, or mismatched crop state can cause empty files. Re-run crop after confirming coordinates, then download again. Try another browser if blockers interfere. Preview-versus-file mismatch is an environment scenario. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Cropping is intended to run in-browser via Canvas with a local download. That keeps unreleased or sensitive stills off remote editors. Share only the cropped output when redacting. Clear the page after handling confidential UI. In practice, re-run Image Cropper on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Related Tools
Image Resizer
Resize images to exact pixel dimensions in your browser — no upload, no server.
Image to Base64
Convert any image file to a Base64 data URL for embedding in HTML, CSS, or JSON.
Image Compressor
Compress JPG, PNG, and WebP images client-side using the Canvas API — no uploads, no server.