Browser tool

Crop Image

Crop an image to a pixel rectangle or from the center — with bounds checking and a region readout, entirely in your browser.

Browser-side · enter the crop rectangle in source pixels, or crop from the center. An out-of-bounds rectangle is clamped to stay inside the image.
Result will appear here.

How this tool works

Enter the rectangle

Crop X and Y are the top-left corner in source pixels; crop width and height are the size of the cut. Or tick center crop to skip X and Y.

Bounds are checked

An origin outside the image is rejected; a rectangle that runs past the edge is clamped inside and the change is noted in the result panel.

Output format

Keep the input format or convert to JPG, PNG, or WebP. JPG cannot store transparency and is filled with the background color.

Planned: visual crop

A draggable crop box with aspect-ratio presets and zoom is on the roadmap; numeric and center cropping are available now.

Crop Image in your browser

Crop Image cuts a rectangular region out of an image using pixel coordinates measured from the top-left corner, or from the center when you prefer. Everything happens in your browser.

The crop is validated against the image: if the rectangle starts outside the image you get a clear error, and if it extends past the edge it is clamped to stay inside instead of producing a blank or stretched result. The result panel reports the exact region used.

Output can keep the same format as the input or convert to JPG, PNG, or WebP. A draggable visual crop box with aspect presets and zoom is a planned enhancement; today the numeric rectangle and the center-crop option give exact, validated control.

How to use Crop Image

  1. Upload the image you want to crop — click the upload area, press Enter, or drag it in.
  2. Enter the crop X, Y, width, and height in source pixels, or tick “crop from the center”.
  3. Choose the output format (and a background color if you output JPG).
  4. Click Process, check the crop region and final size in the result panel, and download the cropped image.

Why use this tool

Validated bounds

Crop Image rejects an origin outside the image and clamps an oversized rectangle, so you never get a blank or false-success result.

Center crop option

Crop a centered rectangle of a given size without working out the X and Y coordinates.

Region readout

The result panel shows the exact crop region and the final dimensions.

Private by design

Your image is cropped in your browser and never uploaded to a server.

Common uses for Crop Image

Removing edges

Trim borders or unwanted edges off a screenshot or photo by entering a smaller rectangle.

Cutting a fixed region

Crop an exact pixel region when you already know the coordinates.

Centered crop

Take a centered square or rectangle out of an image for a thumbnail.

Any-device cropping

Crop an image from a phone, tablet, or computer browser with the file staying local.

Frequently asked questions

Are my files uploaded to a server by Crop Image?

No. The crop is performed in your browser with the HTML canvas, and your image is never uploaded to imgtoolsbase or any server.

Can I crop by dragging a box on the image?

Not yet — a draggable crop box with handles, aspect presets, and zoom is a planned enhancement. Today you crop with a validated numeric rectangle or the center-crop option, and the preview shows the result.

What if my crop rectangle is larger than the image?

It is clamped to stay inside the image, and the result panel notes the smaller region that was actually used. An origin outside the image is rejected with a clear message.

How do I crop a centered square?

Set the crop width and height to the size you want, tick “crop from the center”, and the X and Y are computed automatically.

Which output formats can Crop Image produce?

Crop Image can keep the same format as the input or convert to JPG, PNG, or WebP. JPG fills any transparency with the background color you choose.

Related image tools

Tools that pair well with Crop Image.