How to resize images without wrecking them
"Resize this image" means at least three different things, and picking the wrong one is why the result is either blurry or still too large.
Three things people call size
Dimensions are the pixel count — 1920 × 1080. This is what a layout, a profile picture or a video thumbnail cares about.
File size is the bytes on disk — 2.4 MB. This is what an upload form and an email attachment care about.
DPI is dots per inch, and it only means anything when printing. A JPEG's DPI tag has no effect whatsoever on how it appears on a screen — the pixels are the pixels. Changing DPI without changing the pixel count changes nothing except a printer's idea of how large to print it.
They are related but not the same. Halving both dimensions removes three quarters of the pixels and usually far more than three quarters of the file size. But you can also cut file size dramatically at unchanged dimensions, just by compressing harder.
Which do you actually need? If a form said "maximum 20 KB", you need file size. If it said "800 × 600", you need dimensions. Solving the wrong one is the most common reason a resize does not fix the problem.
Keep the aspect ratio
The aspect ratio is width divided by height. Change one without the other and everything in the picture stretches — which is instantly obvious on a face and slightly wrong in a way people notice without being able to say why.
Lock the ratio and set one dimension; the other follows. When you need an exact size in a different ratio, crop first, then resize — cropping discards what does not fit rather than squashing it.
Downscaling is fine. Upscaling is not.
Making an image smaller throws away pixels, and done well the result looks sharp. Making it larger has to invent pixels by interpolating between the ones already there — which softens edges and cannot recover detail that was never captured.
The practical rule: always start from the largest original you have. If you only have a 400 px wide image and need 1200, a smaller final layout will look better than a stretched one.
Choose the right format
- JPG for photographs. Small files, no transparency, and it re-compresses every time you save — so avoid repeated round trips.
- PNG for screenshots, logos, and anything with sharp edges or text. Lossless, supports transparency, and considerably larger for photographs.
- WEBP compresses better than both and supports transparency. Every current browser handles it; some older upload forms still reject it.
Two mistakes worth naming. Converting a JPG to PNG does not restore quality — the detail was discarded when the JPG was made, and PNG only stops further loss. And saving a photograph as PNG for a website makes the file several times larger for no visible gain.
The sizes platforms actually want
| Use | Dimensions |
|---|---|
| Instagram square | 1080 × 1080 |
| Instagram portrait | 1080 × 1350 |
| Instagram story | 1080 × 1920 |
| X / Twitter post | 1600 × 900 |
| LinkedIn banner | 1584 × 396 |
| YouTube thumbnail | 1280 × 720 |
| Open Graph preview | 1200 × 630 |
The Image Resizer has these built in, so you do not have to remember them.
When the requirement is a file size
Forms state a kilobyte limit and then reject anything over it without saying by how much. There is no formula from pixels and quality to encoded bytes — it depends on the image's own content — so the only reliable approach is to encode, measure, and search.
That is what Resize Image to KB does: you give it the ceiling and it finds the best quality that fits, scaling the dimensions down as well if quality alone cannot get there.
One thing worth knowing when the limit is tight: cap the dimensions too. At 20 KB, a full-resolution photo is spending all its data describing millions of pixels crudely. At 800 px on the longest side there are far fewer pixels to describe, each gets more data, and the result looks dramatically better at the same file size.
Where the file goes
A photo you are resizing for a form is often an ID, a passport photo or a signature. Every image tool here runs on a canvas in your own browser — there is no upload, no queue and no limit beyond your device's memory.
Related
For hitting an exact file size, use Resize Image to KB. To make a file smaller at unchanged dimensions, the Image Compressor is the right tool — and compressing images without losing quality covers the trade-offs in more depth.