Crop Image Online

Crop images to exact pixel dimensions by specifying a starting point and size. Supports JPG, PNG, WebP, and BMP — all processing runs in your browser.

Drop files here or click to browse

Select File

Accepted formats: JPG, JPEG, PNG, WEBP, BMP, JPEG, PNG, WEBP, BMPMax file size: 20 MB

Your files are processed entirely in your browser. Nothing is uploaded to any server.

About This Tool

Crop any image to exact pixel dimensions directly in your browser — no software to install, no files uploaded to a server. Whether you need to trim whitespace from a screenshot, extract a specific region from a photograph, or cut an image to precise dimensions for a social media profile, this tool gives you complete control. Simply set the starting coordinates and the desired width and height, preview the result, and download the cropped image in the same format as the original. The entire process runs locally using the Canvas API, which means your images stay private and the operation is nearly instantaneous.

How to Use

1Click the upload area or drag and drop a single image file (JPG, PNG, WebP, or BMP, up to 20 MB).
2Set the X Offset and Y Offset to define the top-left starting point of the crop area in pixels.
3Enter the desired Crop Width and Crop Height in pixels to define the size of the region you want to keep.
4Click "Process" to generate the cropped image.
5Preview the result and click "Download" to save the cropped image to your device.
6Adjust the values and re-process if the crop region needs fine-tuning.

When to Use

•When you need to remove unwanted borders, margins, or whitespace from screenshots or scanned documents.
•When extracting a specific subject or region from a larger photograph.
•When preparing images for social media platforms that require exact dimensions (e.g., profile pictures, cover photos).
•When creating thumbnails or cropped previews for a website, blog, or product listing.
•When isolating a portion of a design mockup or wireframe for review or feedback.
•When trimming a batch of images to a consistent size for a gallery or slideshow.

Tips & Tricks

✨Open the image in any viewer or editor first to note the pixel coordinates of the region you want to crop — this helps you set precise X/Y offsets.
✨Set both offsets to 0 and enter the full image dimensions to verify your image loads correctly before adjusting.
✨For center crops, calculate X offset as (image width - crop width) / 2 and Y offset as (image height - crop height) / 2.
✨The output format matches the input format (JPG stays JPG, PNG stays PNG), so choose your source file format accordingly.
✨Use PNG input for images that require transparency — the crop will preserve the alpha channel.
✨If you see an error about the crop region exceeding image bounds, reduce the offsets or the crop dimensions.

Frequently Asked Questions

No. All cropping is performed entirely in your browser using the HTML Canvas API. Your image never leaves your device, and no data is transmitted over the network.

The tool accepts JPEG (.jpg, .jpeg), PNG (.png), WebP (.webp), and BMP (.bmp) files. The output format matches the input format wherever possible; BMP images are exported as PNG since browsers cannot export to BMP natively.

You can upload images up to 20 MB. Very large images are still processed quickly because the Canvas API leverages hardware-accelerated rendering in your browser.

The tool validates the crop region before processing. If the X offset plus crop width exceeds the image width, or the Y offset plus crop height exceeds the image height, you will see a descriptive error message explaining exactly which value to adjust.

For PNG and BMP inputs the crop is lossless. For JPEG and WebP, the cropped region is re-encoded at 92% quality, which is visually identical to the original in virtually all cases. There is no additional loss beyond this single re-encoding step.

To center-crop, set X Offset to (original width minus crop width) divided by 2, and Y Offset to (original height minus crop height) divided by 2. For example, to crop a 1920 x 1080 image to 500 x 500 from the center, use X = 710 and Y = 290.

This tool processes one image at a time to give you precise control over the crop region. If you need to crop many images to the same dimensions, process them sequentially — the settings persist between runs.

Yes. When you crop a PNG image, the alpha channel is fully preserved. Transparent areas in the original remain transparent in the cropped output.

Related Tools

Resize Image Online

Resize images to exact pixel dimensions using the Canvas API. Maintain aspect ratio or set custom width and height. Runs entirely in your browser — your files never leave your device.

View Tool

Compress Image Online - Reduce Image File Size

Reduce image file size without significant quality loss. Compress JPEG, PNG, WebP, and BMP images directly in your browser using the Canvas API. No uploads required.

View Tool