Cropping images to the ratios platforms actually want
Cropping is how you hit a required aspect ratio without stretching. Here are the ratios that actually matter.
Cropping and resizing solve different problems and are often needed together. Resizing changes how big an image is. Cropping changes what is in it, and therefore its aspect ratio. When a platform demands a square image and yours is a wide photo, cropping is the only correct answer. Stretching it is not.
The reason to crop deliberately rather than let a platform do it: automatic crops take the centre, and the subject of a photograph is very often not in the centre. That is why profile pictures end up cropped through someone's forehead. ToolHub gives you ratio presets plus manual control, so you choose what stays.
Crop Image: the facts that matter
| Common ratios | 1:1, 4:5, 16:9, 1.91:1, 9:16 |
| Manual crop | Yes, free selection |
| Quality loss | None from the crop itself |
| Order | Crop, then resize, then compress |
| Reversible | No. Cropped pixels are gone |
How to do it, step by step
- 1Find the required aspect ratio. Square, 4:5, 16:9 and 1.91:1 cover most platforms.
- 2Open the crop tool in ToolHub.
- 3Select the ratio preset first, then position the frame. Doing it the other way round means redoing it.
- 4Position around the subject, not the centre of the image.
- 5Crop first, then resize, then compress. That order avoids compounding quality loss.
Three things worth knowing
- Set the ratio before you position the frame, not after.
- Crop before resizing. Resizing then cropping wastes the resize.
- Keep the uncropped original. You will need a different ratio eventually.
Common problems, solved
Where to run it
This tool is part of the ToolHub tool library, a library of over 1,000 browser-based tools covering PDF, image, video, audio, text and developer work. Everything runs in the browser and none of it needs an account.
ToolHub is built by codaiman.com, an AI-first software company in Ahmedabad. Related to this page: UI/UX design user research, wireframing, prototyping, design systems and user testing.
Crop Image, in the browser: no install, no sign-up, no upload queue. Part of the ToolHub library from CodeAiMan.
Open ToolHubRelated tools
Resize Image
Resizing down is free and lossless in perceived quality. Resizing up cannot invent detail. Know which you are doing.
Read guideCompress Image
Most images can lose 60 to 70 percent of their size with no visible difference. Here is where the line actually is.
Read guidePNG to JPG
A PNG photo converted to JPG can lose 80 percent of its size. A PNG logo converted to JPG just looks worse.
Read guide