Page & Bell

Image Cropper

Drop an image, drag the crop box to frame what matters, and download just that region. Lock it to a fixed ratio — 1:1 for an avatar, 16:9 for a thumbnail, 4:5 for an Instagram portrait — and the box keeps that shape as you resize, so the exported file fits its destination exactly. The crop is computed on a <canvas> from the full-resolution original in your browser, so cropping a 1:1 head shot out of a 12-megapixel photo still gives you every pixel inside the box. Nothing is uploaded.

Drop an image here or click to choose

Cropped in your browser — the file never leaves your device. JPG, PNG, WebP.

How to use the image cropper

  1. Drop or choose an image; a crop box appears over it with a rule-of-thirds grid.
  2. Pick an aspect ratio (or Free), then drag the box to reposition and the corner handles to resize.
  3. Read the live crop dimensions in real pixels below the image.
  4. Choose an output format and click Crop & download to save the cropped region.

Crop to the ratio, then resize to the size

Aspect ratio and pixel size are two separate decisions, and doing them in the right order saves you from distorted images. Cropping fixes the shape — the relationship between width and height — by discarding the parts of the frame you don't want. Resizing fixes the scale — the actual pixel count. A profile photo that must end up 400 × 400 is really two steps: crop to 1:1 here, then scale to 400 px with the image resizer. Resize without cropping first and a wide photo gets squashed into a square; crop to the correct ratio and the resize simply shrinks it cleanly.

Which ratio for which platform

RatioShapeTypical use
1:1SquareAvatars, profile pictures, product tiles
4:5PortraitInstagram feed portraits (max vertical)
9:16TallStories, Reels, TikTok, phone wallpapers
16:9WidescreenYouTube thumbnails, slide images, video frames
4:3 / 3:2ClassicCamera-native ratios, print-friendly photos
FreeAnyTrimming whitespace, isolating a detail

For an exact social-card size like 1200 × 630, crop to that ratio here and confirm the math with the aspect ratio calculator.

Composition: the rule of thirds

The crop box shows a 3 × 3 grid for a reason. Placing your subject on one of the grid lines or at an intersection — rather than dead center — generally produces a more dynamic, balanced image; it's the oldest trick in photography for a reason. For portraits, align the eyes with the upper third line. For landscapes, put the horizon on the lower third if the sky is interesting, the upper third if the foreground is. Centered crops aren't wrong — they suit symmetry and headshots — but if a crop feels flat, nudge the subject onto a third and look again.

Frequently asked questions

Is my image uploaded to crop it?

No. The image is drawn to a canvas and the selected region is exported with canvas.toBlob, all in your browser. Nothing is sent to a server, so screenshots, documents, and personal photos stay on your device. The tool keeps working even if you go offline after the page loads.

Does cropping reduce quality?

No — cropping is lossless in the sense that it copies the original pixels inside the box untouched; it only removes the pixels outside it. The exported crop is taken from the full-resolution source, not the smaller on-screen preview, so a crop from a 12 MP photo is as sharp as the original. Quality only changes if you export to JPG, which adds compression.

How do I crop an image to a perfect square?

Choose the 1:1 ratio button. The crop box locks to a square and stays square as you drag the corners, so you can position it over a face or product without it drifting out of shape. Then crop and download — ideal for avatars and profile pictures.

What's the difference between cropping and resizing?

Cropping cuts away part of the frame, changing what's in the picture and its aspect ratio while keeping the remaining pixels at full size. Resizing keeps the whole picture but changes its pixel dimensions. To hit an exact size like 400 × 400, crop to 1:1 first, then resize. They're complementary steps, not the same operation.

Will the cropped file keep transparency?

Yes, if you export to PNG or WebP, which support an alpha channel — transparent areas inside the crop stay transparent. JPG has no transparency, so the tool fills those areas with white before exporting. Crop a transparent PNG to PNG or WebP to preserve the see-through regions.

Can I crop on my phone?

Yes. The crop box responds to touch — drag the box to move it and the corner handles to resize it. Because the crop is stored as a fraction of the image rather than fixed pixels, it behaves the same whether the preview is shown large on a desktop or scaled down on a small screen.

Related tools

Learn more