Crop Image

Take a square, a 16:9 slice or an exact rectangle out of an image, without the file leaving the tab.

Runs on your deviceImagesWorkingNo account needed

What this tool does

Crop Image decodes the picture in this browser tab and copies one rectangle of it onto a new canvas the size of that rectangle. Nothing is stretched or scaled on the way through, so every pixel kept is the pixel that was already there, and everything outside the rectangle is discarded rather than hidden behind a smaller frame. You describe that rectangle in one of two ways: a preset aspect ratio with an anchor, or exact pixel coordinates you type yourself.

In ratio mode the tool takes the largest rectangle of that shape which fits inside the image, so one axis is always full and only the other has any slack. A 1600 × 900 photo cropped to 1:1 comes back at 900 × 900 — full height, with a square window that can only slide sideways — which is why the Left, Centre and Right anchors move it while Top and Bottom have nothing left to move. A portrait source reverses that: the width is full, and only Top, Centre and Bottom change anything. The eight ratios on offer are 1:1, 4:3, 3:2, 16:9, 3:4, 2:3, 9:16 and 5:4.

Exact rectangle mode asks for a left offset, a top offset, a width and a height, in pixels. The four number boxes carry a 20000 px ceiling that the browser nudges you towards rather than enforces, and it changes nothing either way, because the rectangle is always measured against the image itself. A rectangle running past the right or bottom edge is trimmed to what is actually there rather than rejected — ask for 300 × 300 at (400, 400) inside a 500 × 500 image and you get 100 × 100 — and the summary afterwards names the size and offset that were really used. Two inputs are refused outright: a width or height of zero, and an origin sitting outside the image, which is reported together with the picture's real dimensions. There is no selection box to drag over a preview, so cropping to one particular feature means knowing its coordinates before you start.

Because the work happens in the browser, the file is not uploaded, and a crop still completes after the connection drops — though only until you reload, because nothing on this site is cached for offline use. The cost is a re-encode: the cropped canvas is written out fresh, so a JPG is compressed again at the quality you choose, camera and location metadata are dropped, and an animated GIF keeps only its first frame. Output can stay in the input's format or become JPG, PNG, WebP or AVIF, with three consequences worth knowing. The canvas cannot write GIF, BMP or SVG, so those three come back as PNG — an SVG in particular is rasterised at whatever size the browser gives it and leaves as pixels, never as markup. JPG has no transparency, so transparent pixels are filled with white, and this tool has no setting for choosing a different colour. AVIF depends on the browser being able to encode it: where it cannot, the job stops with a message rather than quietly handing back a PNG under an .avif name.

How to use it

  1. Add one image or several. JPG, PNG, WebP, GIF, BMP and SVG are read, plus AVIF on recent browsers. Each file is cropped in turn under the same settings. HEIC, TIFF and camera RAW cannot be decoded by a browser and are refused with a message saying so.
  2. Crop by ratio, and pick an anchor. Choose one of the eight ratios, then Centre, Top, Bottom, Left or Right to say which part of the image the window keeps. Centre is the default and suits most photographs.
  3. Or switch to an exact rectangle. Give the left and top offsets and the width and height in pixels. This is the only way to crop to something that is not centred or edge-aligned.
  4. Choose the output format and quality. Keep whatever the input was, or write the crop out as JPG, PNG, WebP or AVIF instead. The quality slider runs from 10 to 100, starts at 88, and applies to JPG, WebP and AVIF only — PNG is lossless and ignores it.

Processing & privacy

Runs on your device. Your file is processed directly in this browser.

Common use cases

A square crop for a profile picture

Avatars are displayed in a circle or a square, and a landscape photo pasted into one gets cut by the platform. Cropping to 1:1 yourself decides what survives.

Reshaping a landscape photo for a phone screen

A 9:16 or 3:4 crop turns a wide shot into something that fills a portrait display instead of sitting in a thin band across the middle.

Cutting a panel out of a screenshot

Read the coordinates of the region you want, type them into the exact rectangle fields, and the rest of the desktop never appears in the file.

Trim a photo's edges before publishing

A scanner border, a stray finger or a distracting sign at the frame's edge comes off in one pass, and the pixels are genuinely gone from the saved file.

Matching a set of images to one shape

Select a batch of product shots and the same ratio and anchor are applied to each in turn, so a listing page is not a grid of mismatched proportions. Pictures are chosen or dropped as individual files — a folder cannot be handed over whole.

Questions

Are my images uploaded anywhere?
No. The decode, the crop and the re-encode all happen in this browser tab using the canvas, and no request carries the picture anywhere. Disconnect once the page is open and cropping carries on; opening the page again would fail, since the site keeps no offline copy of itself.
Why did changing the anchor do nothing?
Because the axis you moved has no spare room. A preset crop is always full-height or full-width, so a wide photo cropped to a square can only shift left and right, and a tall one only up and down.
Why is my square crop 900 × 900 rather than 1080 × 1080?
Cropping only removes pixels; it never invents any. The square is as large as the shorter side of your image allows. Run the result through Resize Image if a platform insists on a particular figure, bearing in mind that enlarging cannot restore detail.
Can I drag a box over the image instead of typing numbers?
No. The crop is described by a ratio and an anchor, or by four pixel values, and the result is reported afterwards as its dimensions and its offset from the top-left corner. There is no visual selection stage.
What happens if my rectangle is bigger than the image?
It is clipped to the part that exists, and you get the smaller rectangle rather than an error. Only a zero width or height, or a starting point outside the image altogether, stops the job.
Does cropping reduce quality?
The pixels you keep are copied unchanged, but the file is encoded again on the way out. For JPG, WebP and AVIF that is a lossy pass at the quality you set; choose PNG if the output has to be pixel-exact.
Is EXIF data kept?
No. Writing the image back through the canvas produces a file with no camera, date or GPS metadata attached. Use Image Metadata Viewer beforehand if you need to read what the original held.
Can I crop an animated GIF?
Only its first frame. The decoder hands over a single still image, and since the canvas cannot write GIF, the result is saved as a PNG when the format is left as Same as the input.

Related tools