How to Resize Images Correctly (Without Ruining Them)
Resizing is the most-used image operation in the world — and the most-done-wrong. Stretched logos, blurry portraits, profile photos cropped into headless by a form, and “why is my resized file still 4 MB?” all come from the same handful of misunderstandings. This guide covers the mechanics (pixels vs DPI vs aspect ratio), the right workflows for the common jobs, and the settings that keep results sharp.
Resize an image in three steps
- Open the Image Resizer.
- Enter target dimensions in pixels — or a percentage — and keep the lock icon on to preserve aspect ratio (more on this below).
- Download. For display on screens, follow up with the Image Compressor if the file is heading to a website.
Pixels, not centimetres: the only unit that matters on screens
An image file has exactly one true dimension: its pixel count (width × height). “Inches” and “centimetres” only acquire meaning through DPI (dots per inch), which is a print instruction — a note telling a printer how tightly to pack pixels onto paper. On screens, DPI is ignored entirely: a 1920-pixel-wide image is displayed at whatever width the layout gives it, whether the metadata says 72 or 300 DPI.
Practical consequences: to make an image smaller on screen, reduce pixels. To make it print bigger, you need more pixels or you accept lower effective DPI. And changing DPI metadata alone changes nothing visually on screens — a very common confusion.
Aspect ratio: why the lock matters
Aspect ratio is the ratio of width to height (a 4:3 photo is 1.33× wider than tall). Resizing freely with the lock off stretches the image — circles become ovals, faces widen, logos distort. The professional habit: always resize proportionally, and when a destination demands a different ratio (an Instagram square from a landscape photo, a passport crop), crop to the target ratio first, then resize. Crop-then-resize is the sequence every form and social platform is silently asking for. The Image Cropper pairs with the resizer for exactly this.
Downscaling vs upscaling: unequal siblings
Downscaling (making images smaller) is safe and usually improves perceived sharpness — the tool discards pixels and averages detail. There's almost no downside beyond unrecoverable size (so keep the original). Upscaling (making images bigger) invents pixels that never existed: results range from acceptably soft to visibly smeared, and no setting fully escapes that physics. Rules of thumb: downscale freely, upscale sparingly and never more than ~120–150%, and when a form demands bigger dimensions, prefer re-exporting or re-scanning at a higher source resolution.
The standard sizes worth memorising
| Destination | Typical size (px) | Note |
|---|---|---|
| Full-width blog hero | 1600 × auto | Compress to ~150–200 KB after |
| Inline content image | 1200 × auto | Covers retina displays at typical layouts |
| Profile photo (generic) | 800 × 800 | Crop square first |
| Instagram post / story | 1080 × 1350 / 1080 × 1920 | Or use the Social Media Resizer presets |
| Email signature | 320 × auto | Keep under ~30 KB |
| Passport/form photo | per portal (often 600 × 600) | Check the form — dimensions are often enforced |
For social platforms specifically, the Social Media Resizer ships the preset canvas for each network so you don't memorise this table at all.
Resize, crop or compress? Which lever does which job
Three tools get confused with each other because all three make images "smaller" — but they solve different problems, and using the wrong one wastes time:
- Resizing changes pixel dimensions. It's the tool for “this image is physically larger than where it will be displayed”. It changes the file's geometry — everything else (quality, format) stays.
- Cropping changes composition and aspect ratio. It's the tool for “this image has the wrong shape” (a landscape photo headed for a square avatar) or “there's dead space around the subject”. Crop-then-resize is the standard pipeline for avatars, passports and social posts.
- Compressing changes file size without touching geometry. It's the tool for “the dimensions are right but the KB is too high”. Compression never fixes a wrong-shape or wrong-size problem — a 4000-pixel photo compressed to 200 KB is still a 4000-pixel photo.
The standard order for a web or form image: crop to the target shape → resize to the target dimensions → compress to the target weight. Each step feeds the next, and doing them out of order (usually compressing first) means redoing work.
Why a resized image can still be a heavy file
Halving the pixels quarters the pixel count but the file may barely shrink — because file size is set by format and quality, not just dimensions. A PNG screenshot resized to 50% stays PNG (and stays heavy relative to a JPG); a photo saved at quality 95 stays expensive. The complete recipe: resize → choose the right format (JPG for photos, PNG for graphics, WebP for the web) → compress at sensible quality. Do those in order and a 4 MB camera photo becomes a 90 KB web asset with no visible difference.
Ready to try it? Free, private, no signup.
Open Image ResizerFrequently Asked Questions
How do I resize an image without losing quality?
Downscaling preserves perceived quality almost perfectly — the danger is only upscaling, which invents pixels. Keep aspect ratio locked, downscale from the original (not from a copy that was already resized), and export at a sensible quality (80–90). Keep the original file so you can re-export at other sizes later.
What does 300 DPI mean and do I need it?
DPI only matters for printing: it says how many pixels pack into each printed inch. 300 DPI is the print-quality standard (a 6×4 inch print needs 1800×1200 pixels). For websites and forms, DPI metadata is ignored — only pixel dimensions matter, so don't pay for '300 DPI' when your destination is a screen.
Why is my resized image distorted (stretched)?
Because the width and height were changed independently with aspect ratio unlocked. Fix it by re-resizing with the lock on, or — when the destination requires a different shape (square, portrait) — crop to that shape first, then resize. Stretching can't be undone after the fact; go back to the original.
How do I make an image smaller in KB as well as pixels?
Resizing reduces pixels; file size also depends on format and quality. After resizing, compress the image (photos: JPG/WebP quality 75–85; screenshots: PNG or WebP lossless) or use the Target File Size tool to hit an exact limit like 100 KB.
Can I enlarge a small image without it getting blurry?
Only within limits. Upscaling invents pixels, so quality drops progressively — keep enlargement to about 120–150% for acceptable results. Beyond that, look for a higher-resolution original: re-export, re-scan or ask the sender. No setting turns a 300-pixel logo into a crisp 2000-pixel one.