Cropping and aspect ratios: getting the framing right
Cropping and resizing solve different problems, and using the wrong one is why your photo came back squashed or missing someone's head. Here is which to reach for, and the ratios worth memorising.
Processed locally in your browserCropping and resizing get confused constantly, and the confusion is expensive: it is why a photo comes back stretched, or with the top of someone's head missing, or with grey bars down the sides.
The distinction is simple. Resizing changes how many pixels there are; the whole picture is still there, just bigger or smaller. Cropping changes what is in the picture; you throw part of it away and keep the rest at its original detail.
Aspect ratios worth knowing
| Ratio | Feels like | Used for |
|---|---|---|
| 1:1 | Square | Avatars, Instagram grid, product listings |
| 4:5 | Tall portrait | Instagram portrait posts — the most screen space in a feed |
| 3:2 | Classic photo | What most cameras shoot; 6×4 prints |
| 4:3 | Slightly boxy | Phone cameras, older screens, tablets |
| 16:9 | Widescreen | YouTube thumbnails, presentations, hero banners |
| 9:16 | Full-screen vertical | Stories, Reels, TikTok |
| 2:1 – 3:1 | Letterbox banner | Site headers, LinkedIn and X covers |
Two practical consequences. First, a 3:2 camera photo will always need cropping for a square or a 16:9 slot — there is no way around it, only a choice about what to lose. Second, shoot loose. Framing tightly in-camera leaves nothing to give when the same photo has to become a square, a story and a banner.
Cropping, step by step
- Open the Image Cropper and add your photoDrag, paste or browse. One image at a time — cropping is a decision per picture.
- Lock a ratio, or crop freelyPick a preset ratio and the selection keeps that shape however you drag it. Free crop is for when nothing downstream cares about the shape.
- Position the selectionDrag the box, or drag the image under it. Leave a little air above heads and in the direction a subject is looking or moving.
- Straighten and rotate if neededRotate in 90° steps for a sideways photo, or nudge by a degree to level a horizon.
- Set the output sizeExport at exact dimensions if something specific is expected — 1080 × 1080, 1280 × 720 — and the crop is scaled to fit.
Straightening a crooked horizon
A horizon a couple of degrees off is one of those things nobody consciously notices and everybody unconsciously does. Rotating slightly leaves triangular gaps at the corners, so a straightened image is always cropped in a little — which is the other reason to shoot loose.
Straighten before you crop. Do it the other way round and you will lose part of the framing you just chose.
Framing that works
- Cut at the right places. Crop through the middle of a limb, not at a joint. A crop at the wrist or ankle looks like an amputation; mid-forearm reads as a deliberate frame.
- Leave looking room. A person facing right wants space on the right. Crop tight to the face they are looking at and the picture feels claustrophobic.
- Keep the horizon off centre. Interesting sky, put it low. Interesting foreground, put it high. Dead centre is the one choice that says nothing.
- Give faces headroom. A little space above the head; not a lot. A large gap above someone's head is the most common amateur framing mistake.
- Crop for the destination. A thumbnail seen at 120px needs a much tighter crop than the same photo full-screen.
One photo, every platform
Making a square, a portrait, a story and a banner by hand from one shot is tedious and you will get the numbers wrong. Social Media Image Resizer carries the current post, cover, story and profile sizes for Instagram, YouTube, LinkedIn, X, TikTok and others, and produces every variant from a single source image.
Because the sizes change whenever a platform redesigns, this is worth using even if you know the numbers — the ones you memorised two years ago are probably wrong now.
For avatars specifically, Profile Picture Maker is quicker: it frames the subject as a circle, square or rounded square with padding, a border and a background colour, and exports at the size the platform wants.
Cropping to an exact physical size
Official photos are specified in millimetres, not pixels, and usually at a required DPI — a 35 × 45 mm passport photo at 600 DPI, for example. Passport Photo Maker works in those units directly and tiles the result onto a printable sheet, so you get several copies from one print.
ID Photo Maker does the same for badges, permits and cards where you supply the size yourself, along with the background colour and how many copies you want on the page.
Crop first, then everything else
Order matters. Crop, then resize, then compress. Cropping first means you are not spending resolution or bytes on pixels you were about to discard, and compressing first means re-compressing an already compressed image when you export — which visibly degrades it.
And keep the original. A crop is a decision, and decisions get revisited when the same photo is needed in a shape you did not anticipate.
Common questions
Tools in this guide
Keep reading
- How to resize images without stretching, cropping or blurring themExact size, percentage or bounding box — which resize mode to use, what contain, cover, fill and inside really do, and why upscaling can't add detail.
- Which ImageDoctor tool should you use? A guide to all of themA plain-language map of every tool on ImageDoctor, what each one is for, and how browser-based tools compare with upload-based sites and desktop software.
- How to remove an image background (and what to do next)Cut out people, products and objects to a transparent PNG, then crop, resize and place the result — and why the format you save as decides if transparency survives.