Crop Image Online — Free Photo Cropper

Crop Image

Crop images to the perfect composition with a simple draggable selection. Trim away distractions, focus on what matters, and export the result instantly — all without uploading your photo anywhere.

Processed in your browser. This tool runs entirely on your device. Your image is never uploaded to us.

Drag & drop images here

or browse files · JPG, PNG, WEBP up to 20 MB

Upload an image and drag the selection to crop.

Overview

Because cropping just keeps the pixels inside your selection, the kept area stays at full source resolution with zero quality loss. Drag the box, fine-tune the corners, and download a clean, reframed image in seconds.

What this tool does

The cropper lets you draw and adjust a rectangular selection directly on your image. When you crop, only the pixels inside the selection are kept and exported at their original resolution, so there's no scaling and no quality loss in the part you keep.

Problems it solves

A photo has distracting or unwanted areas around the subject.
You need a square or specific framing for a profile picture or thumbnail.
A screenshot includes extra UI you want to remove.
Product or portfolio shots need consistent, tidy framing.

Key benefits

Drag to select the exact crop area
Live preview of the cropped result
Keeps original quality in the cropped region
Fast, intuitive, and private

Who it's for

People making profile pictures and avatarsCreators tidying up screenshotsSellers framing product photos consistentlyAnyone who needs to remove clutter from an image

How to use it

1
Upload your image
Drop a JPG, PNG, or WEBP into the tool. It appears with a default selection box ready to adjust.
2
Position the crop box
Drag the box to move it and pull the corner handles to resize. The shaded area shows exactly what will be removed.
3
Refine your framing
Line up the selection on your subject. The kept region is exported at full source resolution, so framing tightly is fine.
4
Crop and download
Click Crop to generate the result, preview it, and download your reframed image.

Example input and output

A landscape illustration of two buildings against a gradient sky in a wide 16:10 frame. — Original — 16:10 landscape

The same illustration cropped to a 1:1 square, keeping the centre of the frame and cutting the left and right edges. — Cropped — 1:1 square, nothing stretched

Example input

A 1600 × 1000 landscape image in a wide 16:10 frame, too wide for a marketplace listing.

Example output

A 1000 × 1000 square crop, keeping the centre of the frame.

Cropping cut the left and right edges and left every remaining pixel untouched — no rescaling, no stretching. Squashing the same image into a square instead would have distorted everything in the frame.

The four ratios worth knowing

Four rectangles drawn to scale comparing the 1:1 square, 4:5 portrait, 3:2 classic photo and 16:9 widescreen crop ratios, each labelled with where it is normally used. — Crop to the ratio the destination expects. Letting a platform crop for you means it decides what gets cut.

Which aspect ratio to crop to

Pick the ratio from where the image is going, then crop to it before you resize. Cropping decides what stays in frame; resizing only decides how large it is.

Common crop aspect ratios and where each one is used
Ratio	Shape	Use it for
1:1	Square	Instagram grid, avatars, Etsy and Amazon listings, app icons
4:5	Portrait	Instagram feed — the tallest ratio the feed will not crop
3:2	Landscape	What most cameras shoot; standard 6×4 print sizes
4:3	Landscape	Phone photos, older displays, presentation slides
16:9	Widescreen	Video thumbnails, hero banners, modern slide decks
1.91:1	Wide landscape	Open Graph link previews on every major platform
9:16	Tall portrait	Stories, Reels, TikTok, and other full-screen phone formats
2:3	Portrait	Pinterest pins and portrait print sizes

Passport and ID photos are specified in millimetres at a required print resolution, not in pixel ratios — check the issuing authority's spec rather than cropping to a ratio.

Common use cases

Make square profile pictures

Crop headshots to a tidy 1:1 square for avatars on social platforms and team pages.

Remove unwanted edges

Trim away bystanders, clutter, or empty space so the eye goes straight to your subject.

Clean up screenshots

Cut out browser chrome, toolbars, or sensitive details before sharing a screen capture.

Frame product shots

Crop catalog images to a consistent framing so your storefront looks polished and uniform.

Tips & best practices

Leave breathing room around the subject
Don't crop too tightly. A little space around your subject usually looks more natural and gives you flexibility if you need to reframe for different placements later.
Match the platform's shape
Crop to a square for most avatars, a 16:9 rectangle for video thumbnails, and a vertical frame for stories. Framing to the target shape avoids awkward auto-cropping later.
Crop before resizing
Remove the parts you don't want first, then resize the result. That way the dimensions you set apply only to the content you're actually keeping.

Crop Image — frequently asked questions

Yes, by dragging the selection until its width and height match the ratio you need — the dimensions are shown live as you drag. The reference table on this page lists the ratios worth knowing: 1:1 for marketplace listings and avatars, 4:5 for Instagram feed posts, 1.91:1 for link previews, 16:9 for video thumbnails.

No. Cropping removes pixels from the edges of the frame and leaves the remaining pixels exactly as they were — there is no rescaling and no re-sampling. The only quality consideration is the export format: choose PNG or WEBP lossless to keep the result pixel-identical to the source.

No. The crop happens on a canvas inside the page, using a file read from your own device, and the result is re-encoded locally. Nothing is transmitted at any point. Open your browser's developer tools, switch to the Network tab, and crop an image to confirm no request carries the file.

By default it keeps the original format, so a JPG stays a JPG and a PNG stays a PNG. You can change it during the crop if you want to convert at the same time — worth doing, since cropping and converting in one pass avoids a second lossy re-encode on JPG and WEBP files.

Your original file is never modified, so there is nothing to undo — cropping produces a new image and leaves the source untouched on your device. If a crop comes out wrong, re-drop the original and try again. Nothing is overwritten and nothing is lost.

Drag the selection until its width and height read the same, then crop. A square 1:1 crop is the safe default for Etsy and Amazon listings, Instagram grid posts, avatars, and app icons, because their grid layouts are all built around it. Crop tight but leave a small margin so the subject is not pressed against the edge.

Yes. The crop selection is touch-enabled, so you can drag and resize it with a finger on a phone or tablet in any modern browser. Processing runs on the device itself, which means it also works with the network disconnected once the page has loaded.

Drag a selection over the face, centred, with a little headroom above and shoulders visible at the bottom. Be careful here: passport and ID photos are specified in millimetres at a required print resolution, not as a pixel ratio, and the requirements differ by country. Check the issuing authority's own spec before you crop rather than after.

Yes, and cropping genuinely removes it — the discarded pixels are gone from the output file, not hidden behind a layer that could be recovered. That makes it safer than drawing a box over the area in an editor. Since the crop runs in your browser, the screenshot is never transmitted either.

Sources and further reading

The claims on this page about formats, browser behaviour, and performance come from these primary sources rather than from us.

The <img> elementMDN Web Docs
Attribute reference, including alt text and intrinsic sizing.
Google Images best practicesGoogle Search Central
What Google asks for from images it indexes, including alt text and filenames.
Choose the right image formatweb.dev
Decision guidance for picking a format based on image content.