Image Cropper
Drag to select an area of an image and crop it, entirely in your browser.
Upload an image, then click and drag directly on the preview to draw a crop box around the part you want to keep. Release to lock in the selection, and download just that cropped section as a new image file — no upload to a server, no waiting for processing.
Why cropping is often more useful than resizing
Resizing shrinks an entire image uniformly, while cropping removes unwanted parts entirely — a background distraction, extra empty space, or someone else who wandered into a photo. For social media posts, profile pictures, and thumbnails, cropping to focus on the actual subject usually produces a far more effective image than simply shrinking the whole original frame down.
How the crop selection maps back to the full-resolution image
The preview you drag on is often displayed at a reduced size for practical viewing, but the tool tracks the scale factor between that preview and the original image's true pixel dimensions, so the exported crop is taken from the full-resolution source rather than the smaller preview — meaning you don't lose sharpness even though you were dragging on a scaled-down view.
Common cropping ratios worth knowing
A square 1:1 crop suits most profile pictures and Instagram posts, 16:9 suits video thumbnails and widescreen banners, and 4:5 is commonly used for portrait-orientation social posts. This tool allows a fully freeform crop of any shape, so for a specific target ratio, it helps to calculate the pixel dimensions in advance and drag the selection as close to that ratio as possible.
How to use it
- Upload an image using the box above.
- Click and drag on the image to draw a crop selection.
- Adjust by drawing a new selection if needed.
- Click Download to save the cropped result.
Common ways people use this tool
Cropping a photo for a social media profile picture
Select just the face or subject from a wider photo to create a focused profile picture.
Removing an unwanted background element
Crop out a distracting object or person at the edge of a photo before sharing it.
Extracting a section of a screenshot
Crop a full-page screenshot down to just the relevant portion needed for a support ticket or documentation.
Tips for getting the best results
- Draw your crop selection a little generously and fine-tune with a second attempt rather than trying to get pixel-perfect on the first drag.
- For consistent results across multiple images, calculate your target width-to-height ratio beforehand and try to match it visually while dragging.
- Zoom in on your source photo beforehand (in your OS photo viewer) if you need to crop a very small detail precisely.
- Remember downloading exports only the cropped area — the rest of the original image isn't included in the output file at all.
Frequently asked questions
Can I resize the crop box after drawing it?
Currently you redraw the selection by dragging again; there's no separate resize handle yet.
What format does the cropped image download as?
It downloads as a PNG, preserving transparency if the original image had any.
Does cropping affect image quality?
No quality is lost in the kept area — cropping simply discards the pixels outside your selection.
Can I crop to an exact pixel size instead of dragging freehand?
This version relies on freehand dragging; for an exact pixel-perfect crop, you may want to zoom into your source image first for more precision while dragging.
Will cropping remove image metadata like camera details?
Yes, since the cropped output is generated fresh from canvas pixel data, original EXIF metadata isn't carried over to the new file.
Can I crop a very large image, like one from a DSLR camera?
Yes, though very high-resolution images may take a brief moment to load into the canvas before you can begin dragging a selection.
Is there an undo button if I make a mistake?
Simply drag a new selection to replace the previous one — there's no separate undo needed since each new drag redraws the crop box.
Can I crop an image to a perfect circle instead of a rectangle?
This version supports rectangular crop selections only; a circular crop would require additional masking logic not currently included in this tool.
Why does my cropped image sometimes look slightly different in colour from the original?
If the source image was in a colour profile the browser handles differently during canvas rendering, a very subtle shift can occur — this is uncommon and usually negligible for standard sRGB images, which cover the vast majority of everyday photos.
Is it possible to crop an image that's still loading or very large?
The tool waits for the full image to load into the browser before allowing cropping, so very large files may take a brief moment before the crop selection becomes available.
Can I crop the same source image multiple times for different outputs?
Yes, simply draw a new selection and download again — the original uploaded image stays available for repeated cropping until you upload a different file or leave the page.
Why does the crop selection box sometimes look slightly offset from where I clicked?
This can happen if the page has scrolled slightly between when the image loaded and when you start dragging — refreshing the crop selection with a fresh drag usually resolves any small positioning offset.