Skip to content
Images

How to Resize Images Without Distorting Them

Published 3 min readBy SlimMyFile

A distorted image, with faces looking stretched or circles turned into ovals, is almost always caused by one thing: changing the width and height by different amounts. Keeping the aspect ratio intact is simple once you know how it works, and it is the single most important rule for resizing.

Aspect ratio in plain terms

The aspect ratio is the relationship between width and height. A photo that is 6000 × 4000 pixels has a 3:2 ratio; a typical widescreen image is 16:9; a square is 1:1. As long as you scale both dimensions by the same factor, the ratio stays the same and nothing looks stretched.

To calculate the new height for a chosen width:

new height = new width × original height ÷ original width

For example, a 6000 × 4000 photo resized to 1200 pixels wide becomes 1200 × 4000 ÷ 6000 = 800 pixels high.

Fit, stretch or crop

When the target shape differs from the original shape, there are three possible outcomes:

  • Fit: the image is scaled to fit inside the target box, keeping its proportions. One side matches the box exactly; the other is smaller. No distortion, no cropping.
  • Stretch: the image is forced to exactly the requested width and height. If the shapes differ, the image is distorted.
  • Crop: the image is scaled to fill the box and the overflowing parts are cut off. No distortion, but you lose part of the picture.

In the SlimMyFile image resizer, keeping "Lock aspect ratio" on gives you the fit behaviour: enter a width, a height or both, and the image fits within them. Turning the lock off stretches the image to the exact size. Cropping is not currently available, so crop in a photo editor first if you need an exact shape.

Choosing target dimensions

  • Find out how large the image will be displayed. A blog column might be 800 pixels wide; a full-width website banner might be 1920 pixels.
  • For sharp results on high-density screens, many sites export at about twice the displayed width, and let the browser scale down.
  • For email and messaging, 1200–1600 pixels on the longest side is plenty for viewing on any screen.
  • For printing, more pixels matter: a common guideline is around 300 pixels per inch of print size, so a 6 × 4 inch print needs about 1800 × 1200 pixels.
  • For upload forms with a stated limit, resize to the limit rather than guessing.

Shrinking is safe, enlarging is not

Making an image smaller combines several original pixels into each new pixel, and with good resampling the result stays sharp. Making it larger has to invent pixels that never existed. The resizer interpolates between neighbouring pixels, which produces a smoother but softer image; it cannot add real detail. SlimMyFile allows enlarging up to 400%, but use it sparingly.

Step by step

  1. Open the resize tool and add your JPG, PNG or WebP images.
  2. Choose Percentage to scale everything by the same factor, or Dimensions to set a width and/or height in pixels.
  3. Keep Lock aspect ratio switched on unless you deliberately want to stretch the image.
  4. Optionally change the output format and quality in the same step.
  5. Click Resize, check the new dimensions shown for each image, and download the results individually or as a ZIP.

Common mistakes

  • Typing both a width and a height that do not match the original shape with the lock turned off, which stretches the image.
  • Resizing a small image up for a large print and expecting it to look sharp.
  • Resizing a screenshot that contains small text by an odd factor such as 73%. Text stays crisper at simple factors like 50%.
  • Resizing the same image repeatedly. Each resampling softens it slightly; always resize from the original.

Frequently asked questions

Does resizing reduce quality?

Shrinking reduces the amount of detail, but at the displayed size it usually looks just as sharp. Enlarging reduces sharpness because detail has to be interpolated.

Can I resize many images at once?

Yes. You can add up to 30 images; the same settings are applied to each, and with the aspect lock on, each image keeps its own proportions.