How do I resize an image without stretching it?

Keep the aspect-ratio lock enabled. Enter the width you need and let the height adjust automatically — changing both numbers independently is what causes stretching.

Can I make a small image bigger without losing quality?

Only modestly. Enlarging cannot add detail that was never captured; up to about 1.5× usually looks acceptable, beyond that expect visible softness.

Should I resize or compress first?

Resize first, then compress. Scaling down removes pixels, and compressing the already-smaller image gives the best size-to-quality result.

How to Resize an Image Without Stretching or Losing Quality

A stretched photo is the most avoidable mistake on the web, and it happens for one reason: width and height were changed independently. Keeping proportions — the aspect ratio — locked while you resize solves it permanently. This guide covers the sizes that actually matter, what happens when you enlarge, and a fast local workflow using the Image Resizer.

Aspect ratio: the one rule

Aspect ratio is width divided by height. A 3456×2234 photo has a ratio of roughly 1.55:1 — so if you need it 800 pixels wide, the height must become 517. Any other height stretches or squashes the picture. A resizer with an aspect lock does this math for you: type the width, the height follows.

Common target dimensions

Use case	Dimensions	Notes
Open Graph / link preview	1200×630	Also the sweet spot for blog hero images
Square post	1080×1080	Instagram and most feed formats
Avatar / profile photo	400×400	Sites crop to circle — keep the subject centered
Email-friendly photo	≤1024 wide	Keeps attachments under size limits
Full-width web hero	1600–1920 wide	Wider is wasted on most screens

Downscaling vs upscaling

Shrinking an image is essentially free: a high-resolution original resized down stays crisp, especially with high-quality smoothing. Enlarging is different — the pixels that were never captured cannot be invented, so expect softness once you push far beyond the source size. If you must enlarge, keep it modest (up to ~1.5×) and avoid images with fine text.

A workflow that keeps quality

Resize first, compress second. Scale the image to its final display dimensions with the Image Resizer (aspect lock on, PNG for graphics, JPEG/WebP for photos), then run it through the Image Compressor at 70–80% quality. The two steps together routinely turn a 5 MB camera photo into a 150–300 KB web image with no visible loss.

Why exact dimensions beat "the site will handle it"

Uploading a 4000-pixel-wide photo and letting the site scale it down means every visitor downloads pixels they never see, and the platform's own resizer may use fast, low-quality scaling. Doing it yourself keeps the result sharp, predictable and light — and on your own site it directly improves Largest Contentful Paint.