Aspect Ratio Explained: 16:9, 4:3 and How to Resize Without Distortion
What an aspect ratio really is, why 16:9 is a shape rather than a size, and the simple way to resize an image or video without stretching it.
By Mubasher Hussain · Published 2026-09-10 · Updated 2026-10-03 · 1017 words · about 5 minute read
Resize an image by dragging a corner and it stays crisp; drag an edge and everyone in the photo suddenly looks stretched. The difference is aspect ratio, the single idea that decides whether a resized image looks right or wrong. It sounds technical but it is just the relationship between width and height, and once you understand it you can resize anything without distortion and read a ratio like 16:9 with confidence. This guide explains what a ratio is, how to keep it, and how it simplifies, with the free Aspect Ratio Calculator to check your numbers.
A ratio is a shape, not a size
An aspect ratio is width compared to height, written as two numbers with a colon, like 16:9. Crucially it fixes only the shape, not the actual dimensions. 1280 by 720, 1920 by 1080 and 3840 by 2160 are all 16:9, because in each case the width divided by the height is the same. That is why a video scales cleanly from a phone to a cinema screen: the resolution changes, but the shape stays identical, so nothing is stretched or squashed.
Distortion happens the moment width and height change by different amounts. Make something twice as wide but only 1.5 times as tall and every circle becomes an oval and every face gets wider. Keeping the ratio constant, changing both dimensions by the same factor, is the entire secret to resizing without distortion.
How to resize without stretching
The method is one multiplication. Work out the scale factor from the dimension you know, then apply that same factor to the other dimension. Say a 1920 by 1080 image needs to be 1280 wide. The scale factor is the new width over the old width, 1280 divided by 1920, which is two thirds. Multiply the old height by the same two thirds: 1080 times two thirds is 720. So 1280 by 720 keeps the shape perfectly. Fixing a height and solving for width works identically: multiply the known height's scale factor onto the width.
That is all the calculator does when you type a new width or height, it computes the scale factor and fills in the matching dimension so both change together. Doing it once by hand is the quickest way to see that there is no mystery, just proportional scaling.
| Ratio | Common uses | Example sizes |
|---|---|---|
| 16:9 | Video, monitors, TVs | 1280x720, 1920x1080 |
| 4:3 | Older screens, many photos | 1024x768, 1600x1200 |
| 1:1 | Square social posts | 1080x1080 |
| 3:2 | 35mm and DSLR photos | 3000x2000 |
| 21:9 | Ultrawide, cinema | 2560x1080 |
| 9:16 | Phone video, stories | 1080x1920 |
How a ratio simplifies
Why is 1920 by 1080 called 16:9 rather than 1920:1080? Because a ratio is simplified by dividing both numbers by their greatest common divisor, the largest number that divides both exactly. For 1920 and 1080 that divisor is 120: 1920 divided by 120 is 16, and 1080 divided by 120 is 9, giving 16:9. The simplified form is the smallest whole-number pair with the same shape, which is why it is the version people quote. The calculator shows both the simplified ratio and the decimal value (16 divided by 9 is about 1.778), and the decimal is handy when you want to compare two shapes at a glance.
Enter a size to read its simplified ratio and decimal, pick a preset like 16:9 or 1:1, then type a new width or height to get the matching dimension that avoids distortion.
The common ratios worth knowing
A handful of shapes cover almost everything. 16:9 is standard widescreen video and nearly every modern monitor and TV. 4:3 is the older, boxier shape of early screens and a lot of camera photos. 1:1 is the perfect square used for many social posts and profile images. 3:2 is the classic proportion of 35mm film and most DSLR sensors. 21:9 is ultrawide, used for cinematic video and wide monitors. And 9:16, 16:9 turned on its side, is the tall shape of phone video and vertical stories. Knowing these by name saves you from measuring: if a platform wants 9:16, you already know it wants tall.
Changing an image to a new ratio without distortion means cropping (removing part of the frame) or adding borders, not stretching. If a 4:3 photo must fit a 16:9 slot, you either trim the top and bottom or letterbox it. Keep resizing and re-shaping separate in your head.
Everyday uses
- Exporting a video at the right resolution for a platform without squashing it.
- Resizing a hero image to a new width while keeping its height in proportion.
- Checking whether two images share a shape before placing them in a grid.
- Working out the height of an embed when you only know the width you have room for.
Common questions
What is 16:9 in pixels? It has no single pixel size, it is a shape; common 16:9 resolutions are 1280x720, 1920x1080 and 3840x2160. How do I resize an image without stretching it? Keep the ratio: change one dimension, then scale the other by the same factor, which the calculator does for you. How do I change a photo to a different ratio? Crop or add borders rather than stretch, since a true ratio change alters the frame, not the proportions of the content. Are my numbers uploaded? No, the calculation runs entirely in your browser.
Aspect ratio stops being confusing the moment you see it as a shape you scale rather than a size you set. Keep both dimensions in proportion and images stay honest. Use the Aspect Ratio Calculator to solve the matching dimension, then resize the file itself with the Image Resizer or trim to a new shape with the Image Cropper.