Skip to content
PratronHome

Image Cropper

Cut an image down to the part you want. Drag the selection over the picture, or type exact coordinates when precision matters, and lock it to a standard aspect ratio if you are producing something for a fixed slot. Pixels are taken from the original at full resolution, so nothing is scaled or softened.

Image Tools

Private by default

This tool runs entirely in your browser. Your data is never uploaded to a server.

How it works

How the region is taken

drawImage(source, x, y, width, height, 0, 0, width, height)

The selection's coordinates are read in the original image's own pixel space, not the preview's, and copied one-to-one into a canvas of exactly that size. The preview is only a scaled view of where the selection sits.

  • Coordinates are measured from the top-left corner, which is where every image coordinate system starts.
  • The selection is clamped to the image, so it can never extend past an edge and produce transparent padding.
  • Locking an aspect ratio recalculates the height from the width, which is why the height field is disabled while a ratio is set.
  • Saving as JPEG flattens any transparency onto white, since JPEG has no alpha channel.

For reference

Aspect ratios and what they are for

RatioUsed for
1:1Profile pictures, avatars, product tiles
4:3Older cameras, presentation slides
3:2Most camera sensors, standard prints
16:9Video, thumbnails, banners
9:16Stories, reels, vertical video

Crop before resizing, not after: cropping first means the resize works from exactly the pixels you are keeping.

How to use

4 clear steps.

  1. Drop in the image you want to crop.

  2. Drag inside the picture to move the selection.

  3. Lock an aspect ratio, or type exact coordinates.

  4. Download the cropped result.

Good to know

Frequently asked questions

Does cropping reduce quality?
No. The selected pixels are copied from the original at full resolution — nothing is scaled. The only quality decision is the output format: PNG keeps them exactly, JPEG and WebP re-encode them.
How do I crop to a perfect square?
Choose the 1:1 aspect ratio. The height then follows the width automatically, so the selection stays square wherever you move it.
Can I crop to an exact pixel size?
Yes — set the width and height fields directly. That is the reliable way to hit a required size, since dragging can only get close.
Why is the crop centred on a square to begin with?
A centred square is the most commonly wanted crop — profile pictures, thumbnails, product tiles — so it is a more useful starting point than selecting the whole image.