Crop box outside the image
Entering X/Y values that exceed the image bounds yields an empty output.
Fix: Coordinates are clamped automatically, but keep values below the image width/height for predictable results.
Crop Image
Crop any image to a custom rectangle with precise pixel coordinates or preset aspect ratios — client-side only
Loading tool...
Advertisements
sidebar • 160x600
What is Crop Image
Written by Giorgos Kostas. Last reviewed:
Cropping extracts a rectangular portion of an image and discards the rest. It is the most common image edit — every avatar, social post, and hero image starts with a crop.
Crop Image lets you type exact X/Y/Width/Height in pixels or pick a 1:1, 4:3, or 16:9 preset that auto-centers the crop box.
Why use it
- Produce an exact 1:1 avatar or 16:9 social banner without opening an image editor.
- Trim screenshots down to the relevant area for a bug report.
- Prepare a thumbnail with exact pixel precision — no dragging required.
- All processing is in-browser; files stay private.
Features
- Pixel-exact X/Y/Width/Height inputs
- 1:1, 4:3, 16:9 presets
- Live preview
- Transparent PNG or JPG export
- Drag-and-drop image upload
- Cropping runs locally in your browser
How to use Crop Image
- Upload. Drop an image into the workspace.
- Set the crop. Type X/Y/Width/Height or click an aspect preset.
- Export. Click Download to save the cropped result.
Example (before/after)
Wide screenshot
dashboard.png (2560×1440, widescreen)
Cropped to 1:1
dashboard.png (1440×1440, center-cropped to square)
Common errors
Aspect ratio buttons do nothing on narrow images
16:9 requires enough width; a narrow image cannot satisfy the ratio.
Fix: Try the 1:1 preset first, or type the crop rectangle manually.
FAQ
Can I crop non-standard ratios?
Yes — type any X/Y/Width/Height in pixels and the crop box follows.
Is my image uploaded?
No. Cropping runs locally via the Canvas API.
Do aspect ratio presets auto-center?
Yes. 1:1, 4:3, and 16:9 presets pick the largest centered rectangle that fits.
Does it preserve transparency?
Yes when you export as PNG. JPG flattens transparency to white.
Related tools
Related image tools: You can also browse the full Image Tools category for more options.
Resize Image
Resize any image to exact pixel dimensions or a percentage, with optional aspect-ratio lock and instant PNG/JPG export
Rotate Image
Rotate an image by any angle (including free-form degrees) with transparent fill — fast, browser-based
Flip Image
Mirror any image horizontally or vertically in the browser with a single click and export as PNG or JPG
Round Image Corners
Add rounded corners to any image with adjustable radius and transparent background — export as PNG
Grayscale Image
Convert any image to black-and-white grayscale in the browser with adjustable intensity and instant PNG/JPG export
Desaturate Image
Reduce the saturation of any image with a slider from full color to fully desaturated — runs entirely in your browser
Pixelate Image
Apply a pixelation (mosaic) effect to any image with an adjustable block size — perfect for retro looks or quick redactions
Image to Base64
Convert local image files into Base64 text ready to paste into email, JSON payloads, or data URLs
Image Cleaner
Clean up images in the browser: remove transparent padding, crop, make flat colors transparent, resize, and export PNG, JPG, or WebP.
Base64 to Image Converter
Paste any Base64 data URL or raw Base64 string, auto-detect the MIME type, and preview plus download the image
Censor Image (Blur & Pixelate)
Redact sensitive areas of an image by drawing a rectangle and applying pixelate or blur — everything stays in your browser
Image Invert Colors
Invert colors of an image