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
- Open the resize tool and add your JPG, PNG or WebP images.
- Choose Percentage to scale everything by the same factor, or Dimensions to set a width and/or height in pixels.
- Keep Lock aspect ratio switched on unless you deliberately want to stretch the image.
- Optionally change the output format and quality in the same step.
- 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.
Try it with SlimMyFile
Resize Images
Change dimensions by percentage or exact pixels.
Open toolCompress Images
Batch-compress JPG, PNG and WebP with full control.
Open toolRelated guides
- Images
How to Compress JPG Images Without Noticeable Quality Loss
How JPEG quality settings work, which values to choose for web, email and print, and the mistakes that make photos look blocky.
4 min readRead guide - Images
JPG vs PNG vs WebP: Which Image Format Should You Use?
A practical comparison of JPEG, PNG and WebP: compression type, transparency, compatibility and the best format for photos, screenshots and logos.
4 min readRead guide - Images
How to Reduce PNG File Size While Preserving Transparency
Lossless optimisation, colour reduction and conversion to WebP: three ways to shrink transparent PNGs without ugly edges.
3 min readRead guide