Crop images privately in your browser
Select any part of an image and export just that region. This crop tool is handy for trimming screenshots, making square avatars, removing unwanted edges, or cutting a subject out of a busy photo — all without uploading anything.
How it works
When you add a file, the browser decodes it into a <canvas> at its true pixel dimensions. You define the crop region either by dragging a rectangle on the preview or by typing exact X, Y, width and height values in pixels. Because the on-screen preview is scaled to fit, the tool maps your selection back to the original resolution before copying, so the crop is pixel-exact at the source. The selected rectangle is then drawn onto a new canvas sized to the crop and exported as a lossless PNG.
| Field | Meaning |
|---|---|
| X | Left edge of the crop, in pixels from the left of the image |
| Y | Top edge of the crop, in pixels from the top of the image |
| Width | Crop width in pixels |
| Height | Crop height in pixels |
Worked example
To extract a 300×300 square starting 50 pixels from the top-left corner of a 1200×800 photo: set X = 50, Y = 50, Width = 300, Height = 300, then click Crop. The output is a 300×300 PNG containing exactly that region of the original image.
Common crop dimensions for popular use cases
Different platforms have preferred image dimensions. Here are useful targets to type into the pixel fields:
| Use case | Typical dimensions |
|---|---|
| Twitter / X profile photo | 400×400 |
| Instagram square post | 1080×1080 |
| LinkedIn profile photo | 400×400 |
| YouTube thumbnail | 1280×720 |
| Website favicon source | 512×512 |
| A4 portrait print at 150 dpi | 1240×1754 |
Crop vs. resize
Cropping and resizing are different operations. Crop removes pixels outside the selected region — the kept pixels do not change size, and the output dimensions equal your crop width and height. Resize scales all pixels proportionally to new dimensions without removing any content. If you need both, crop first (to select the region of interest), then use the resize tool to scale the result to a target size.
Tips for precise crops
- Work from a large original. Crop from the highest-resolution version of an image you have. Once you crop and download, the output contains only the selected pixels — if you need a larger size, upscaling a small crop produces a blurry result.
- Use numeric entry for repeatable crops. Dragging a selection visually is convenient but imprecise. If you need to crop multiple images to the exact same region (for example, extracting a logo from a consistent background in a series of product photos), type the X, Y, Width, Height values to guarantee pixel-perfect consistency across all of them.
- Aspect ratios. If you need a specific aspect ratio (for example, 16:9 for video, 4:3 for presentation, 1:1 for social) you can calculate the dimensions: for a 1:1 crop 400px wide, set width = 400, height = 400. For a 16:9 crop 960px wide, set height = 540.
Privacy
Everything happens locally. The image is decoded in your browser via the Canvas API, the chosen rectangle is copied out, and the result is offered as a download. Your files are never sent to any server.