How do I crop an image to a specific size?

Upload your image, then enter the crop width and height in the pixel fields. Set the X offset (distance from left edge) and Y offset (distance from top edge) to position the crop region. The live preview updates instantly. Click Download to save the cropped JPEG.

What image formats can I crop?

The tool accepts JPG, PNG, WebP, and GIF files. The output is always saved as a JPEG. For PNG output with transparency, use the Image Resizer tool instead.

What is X offset and Y offset in cropping?

X offset is the horizontal distance in pixels from the left edge to the start of the crop region. Y offset is the vertical distance from the top edge. X=0 and Y=0 places the crop at the top-left corner.

Can I crop an image to a square?

Yes. Set the crop width and height to the same value. Adjust the offsets to centre the crop on the subject. For a 1:1 crop from a 1200 × 800 image: width=800, height=800, X=200, Y=0.

Is the image uploaded to a server?

No. The image is loaded locally using the FileReader API and drawn onto a Canvas element. All cropping happens in the browser. No image data is sent anywhere.

Image Crop Tool

Crop any image to a custom region by setting offset, width, and height in pixels.

Image crop tool lets you cut a precise region from any uploaded image. Set the X offset, Y offset, crop width, and crop height in pixels to define the region. A live canvas preview updates as you type. Download the cropped result as a JPEG. No file is uploaded to any server. All processing runs in the browser using the Canvas API.

Drop image here or click to upload

JPG, PNG, WebP · Max 15 MB

Your image is processed entirely in your browser and never uploaded to any server.

Frequently Asked Questions

How do I crop an image to a specific size?: Upload your image, then enter the crop width and height in the pixel fields. Set the X offset (distance from left edge) and Y offset (distance from top edge) to position the crop region. The live preview updates instantly. Click Download to save the cropped JPEG.
What image formats can I crop?: The tool accepts JPG, PNG, WebP, and GIF files. The output is always saved as a JPEG. For PNG output with transparency, use the Image Resizer tool instead.
What is X offset and Y offset in cropping?: X offset is the horizontal distance in pixels from the left edge to the start of the crop region. Y offset is the vertical distance from the top edge. X=0 and Y=0 places the crop at the top-left corner.
Can I crop an image to a square?: Yes. Set the crop width and height to the same value. Adjust the offsets to centre the crop on the subject. For a 1:1 crop from a 1200 × 800 image: width=800, height=800, X=200, Y=0.
Is the image uploaded to a server?: No. The image is loaded locally using the FileReader API and drawn onto a Canvas element. All cropping happens in the browser. No image data is sent anywhere.

What is the image crop tool?

The image crop tool extracts a rectangular region from a larger image. Specify the top-left corner position and the dimensions of the region you want to keep. The tool draws the selected area onto a new canvas and offers it as a JPEG download.

All processing happens in the browser using the HTML Canvas API. No image is sent to any server. The tool works with any JPEG, PNG, WebP, or GIF file you select locally.

How pixel-level cropping works

Every image is a grid of pixels. Cropping selects a sub-grid. The X offset is the column where your crop starts, measured from the left edge. The Y offset is the row where your crop starts, measured from the top edge. Width is the number of columns to include. Height is the number of rows.

For a 1920 × 1080 image, the maximum crop width is 1920 and the maximum height is 1080. X=100, Y=50, width=500, height=300 extracts a 500 × 300 region starting 100 from the left and 50 from the top.

The Canvas drawImage method handles the extraction. It reads a source region at (sx, sy) and draws it at a destination position. Optional scaling to different output dimensions is also supported.

Common cropping use cases

Social media profile photos require specific aspect ratios. LinkedIn profiles use 1:1 squares. Twitter accepts rectangular crops. Instagram posts use 1:1 or 4:5. Use the crop tool to extract the relevant region before uploading.

Product photography often includes unwanted background, packaging, or table edges. Crop to the product area before uploading to an e-commerce catalogue.

Screenshots often include browser chrome, taskbars, or irrelevant surrounding content. Crop to the relevant UI region before adding to documentation or a bug report.

Tips for using the image crop tool

Use the live preview to verify the region before downloading. Adjust offset values until the preview shows exactly the portion you need.
For aspect-ratio crops like 16:9 or 4:3, calculate the dimensions before entering. For a 16:9 crop from a 1920-wide image, set width=1920 and height=1080.
To centre a crop on the subject, find the subject's centre in pixels. Subtract half the crop width from the X coordinate and half the crop height from the Y coordinate.
Crop coordinates outside the image bounds are clamped. The tool will not produce a blank region if your crop partially extends beyond the edge.

Related tools

Image Resizer

Image

Resize images to any dimension instantly, right in your browser.

Passport Size Photo Maker

Image

Crop and resize any photo to passport or visa size for India, US, UK, and Schengen. Entirely in your browser.

Image Compressor

Image

Compress JPG, PNG, and WebP images in your browser without uploading to any server.

Share this tool