How to Resize an Image Without Distorting It: A Practical Guide to Aspect Ratios
Stretched faces, squashed logos, and thumbnails that look slightly "off" all have the same cause: the image was resized without keeping its aspect ratio. Once you understand one simple formula, you can resize any photo, screenshot, or video frame to an exact width or height and know it will look right.
What is an aspect ratio?
An aspect ratio is the relationship between an image's width and height, written as
width : height. A 1920 × 1080 image has an aspect ratio of 16:9, which means that for every 16 pixels
across, there are 9 pixels down.
The aspect ratio describes the shape, not the size. A 1280 × 720 thumbnail and a 3840 × 2160 4K frame are both 16:9. They are the same shape at different sizes.
How to find an image's aspect ratio
Divide the width and height by their greatest common divisor (GCD), the largest number that divides both evenly.
| Dimensions | GCD | Aspect ratio |
|---|---|---|
| 1920 × 1080 | 120 | 16:9 |
| 1440 × 900 | 180 | 8:5 (usually called 16:10) |
| 3000 × 2000 | 1000 | 3:2 |
| 4032 × 3024 | 1008 | 4:3 |
Some sizes do not simplify neatly. The classic laptop resolution 1366 × 768 reduces to 683:384, which is about 1.779:1, very close to 16:9 (1.778:1). In practice it is treated as 16:9. Another way to compare shapes is to divide width by height and compare the decimals.
The resize formula
To keep the shape the same, the old and new dimensions must form a proportion:
Rearranging with cross-multiplication (see our guide to solving proportions) gives you two handy formulas:
new width = original width × new height ÷ original height
Example: Shrink a Full HD screenshot to 1280 pixels wide
1920 : 1080 = 1280 : x
x = 1080 × 1280 ÷ 1920 = 720. The new size is 1280 × 720.
Example: Fit a phone photo into a 1200-pixel-wide blog column
4000 : 3000 = 1200 : x
x = 3000 × 1200 ÷ 4000 = 900. The new size is 1200 × 900.
Example: Set a fixed height of 500 pixels
1920 : 1080 = x : 500
x = 1920 × 500 ÷ 1080 = 888.89, so round to 889 pixels wide.
Try the first example in the calculator. The width and height are already filled in.
Calculate new sizeA note on rounding
Pixels are whole numbers, so you will often need to round. A difference of one pixel is invisible. For video, though, most encoders require even dimensions, so round to the nearest even number (888 or 890 in the example above).
When the shape has to change: crop, don't stretch
The formula above only works when the target has the same aspect ratio as the original. If you need a 4:3 photo to fill a square (1:1) or a vertical 9:16 story, no amount of resizing will make it fit without distortion. You have two honest options:
- Crop: scale the image so it completely covers the target, then trim off the overflow.
- Pad: scale the image so it fits entirely inside the target, then fill the empty space with a solid colour or blurred background (also called letterboxing or pillarboxing).
The one thing you should never do is stretch: scaling width and height by different amounts.
Example: A 4000 × 3000 photo into a 1080 × 1080 square
To cover the square, scale the shorter side (height) to 1080. Width becomes 4000 × 1080 ÷ 3000 = 1440.
The image is now 1440 × 1080. Crop 360 pixels of width (180 from each side) to get 1080 × 1080.
Example: The same photo into a 1080 × 1350 portrait (4:5)
To cover it, scale the height to 1350. Width becomes 4000 × 1350 ÷ 3000 = 1800.
Crop 720 pixels of width (360 from each side) to get 1080 × 1350.
To pad instead, scale the width to 1080. Height becomes 810, leaving 540 pixels of empty space to fill above and below.
Example: Crop a 4:3 photo to 16:9 at full resolution
Keep the full width of 4000 pixels. The 16:9 height is 4000 × 9 ÷ 16 = 2250.
Trim 750 rows from the original 3000 to keep as many pixels as possible.
Common image and screen sizes
| Use | Typical size | Aspect ratio |
|---|---|---|
| Full HD video / monitor | 1920 × 1080 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| Video thumbnail | 1280 × 720 | 16:9 |
| Vertical stories and short-form video | 1080 × 1920 | 9:16 |
| Square social post | 1080 × 1080 | 1:1 |
| Portrait social post | 1080 × 1350 | 4:5 |
| Link preview image (Open Graph) | 1200 × 630 | ≈1.91:1 |
| DSLR / mirrorless photo | 6000 × 4000 | 3:2 |
| Smartphone photo | 4032 × 3024 | 4:3 |
Platforms update their recommended sizes from time to time, so check the current guidelines before a big campaign. The aspect ratio is the part that rarely changes.
Practical tips
- Lock the aspect ratio in your editor. Most tools have a chain-link icon or a "constrain proportions" checkbox. In many apps, holding Shift while dragging a corner does the same thing.
- Avoid big upscales. Enlarging a small image does not add detail. It just makes the pixels bigger. Scaling down is almost always safe.
- On the web, set one dimension. In CSS, giving an image
width: 100%andheight: autokeeps its natural shape. Theaspect-ratioproperty (for exampleaspect-ratio: 16 / 9) reserves the right space before the image loads. - Keep the original. Always resize a copy, so you can crop differently later.
Frequently asked questions
Is 1920 × 1080 the same as 16:9?
Yes. 1920 ÷ 120 = 16 and 1080 ÷ 120 = 9, so 1920 × 1080 is exactly 16:9.
Why does my image look blurry after resizing?
Usually because it was enlarged beyond its original size, or resized several times in a row. Start from the original file and resize once.
What is the difference between 16:9 and 16:10?
16:10 (also written 8:5) is slightly taller. At 1920 pixels wide, 16:9 is 1080 pixels tall while 16:10 is 1200 pixels tall.
Does aspect ratio affect file size?
Not directly. File size depends on the total number of pixels, the format, and the compression level. A 1:1 and a 16:9 image with the same pixel count will be similar in size.