What aspect ratio means
The aspect ratio of a rectangle is the proportional relationship between its width and its height, written as width : height. A 1920 × 1080 image has an aspect ratio of 16:9 because 1920 / 1080 = 16 / 9 = 1.778. The aspect ratio is independent of physical size — a Full HD TV, a 4K monitor, and a 720p phone screen all share the 16:9 ratio.
The math
To resize while keeping the same aspect ratio, hold the ratio constant and solve for the missing side:
new height = new width × (original height / original width)new width = new height × (original width / original height)To simplify a ratio to its lowest form, divide both numbers by their greatest common divisor (GCD). A 1920 × 1080 image has GCD(1920, 1080) = 120, so the simplified ratio is 16:9.
Common aspect ratios
| Ratio | Decimal | Where you see it |
|---|---|---|
| 1:1 | 1.000 | Instagram square posts, profile photos, album art |
| 4:3 | 1.333 | Standard-definition TV, older monitors, iPad screens |
| 3:2 | 1.500 | 35mm film, DSLR sensors, classic prints (4×6) |
| 16:10 | 1.600 | Older widescreen laptops, MacBook displays |
| 16:9 | 1.778 | HD/4K video, most televisions, YouTube |
| 1.85:1 | 1.850 | Standard widescreen cinema (flat) |
| 2:1 | 2.000 | Modern cinema (Univisium), many short films |
| 2.35:1 | 2.350 | CinemaScope, anamorphic widescreen films |
| 2.39:1 | 2.390 | Modern widescreen cinema (scope) |
| 9:16 | 0.563 | Vertical video — TikTok, Reels, Stories |
| 4:5 | 0.800 | Instagram portrait posts |
Resizing examples
- Resize a 1920 × 1080 image to fit 800 pixels wide:
new height =800 × (1080 / 1920) = 450. Result: 800 × 450. - Resize a 4000 × 3000 photo (4:3) to be 1200 pixels tall:
new width =1200 × (4000 / 3000) = 1600. Result: 1600 × 1200. - Convert 16:9 video to 9:16 vertical: the source must be cropped, blurred-padded, or shot with the vertical frame in mind. Direct stretching distorts faces.
Letterboxing, pillarboxing, and cropping
When source and target ratios differ, three strategies are available:
- Letterbox — preserve the full source; add horizontal black bars (used for showing 2.35:1 cinema on a 16:9 TV).
- Pillarbox — preserve the full source; add vertical black bars (used for showing 4:3 content on a 16:9 TV).
- Crop / pan-and-scan — fill the target frame but lose part of the source. Common for converting widescreen film to old 4:3 broadcast.
A fourth option, warp / stretch, deforms the image and should be avoided for photos and faces but is acceptable for abstract backgrounds.
Social media size cheat sheet
| Platform | Format | Pixel size | Ratio |
|---|---|---|---|
| Square post | 1080 × 1080 | 1:1 | |
| Portrait post | 1080 × 1350 | 4:5 | |
| Story / Reel | 1080 × 1920 | 9:16 | |
| TikTok | Video | 1080 × 1920 | 9:16 |
| YouTube | Standard video | 1920 × 1080 | 16:9 |
| YouTube | Shorts | 1080 × 1920 | 9:16 |
| YouTube | Thumbnail | 1280 × 720 | 16:9 |
| X (Twitter) | In-feed image | 1600 × 900 | 16:9 |
| Post image | 1200 × 627 | 1.91:1 | |
| Cover photo | 820 × 312 | 2.63:1 | |
| Standard pin | 1000 × 1500 | 2:3 |
Where ratio matters most
- Print: standard photo prints (4×6, 5×7, 8×10) all have different ratios. Crop intentionally rather than relying on the lab to choose.
- Video editing: mixing 16:9 and 9:16 footage in one project forces either crop or pad decisions on every shot.
- Responsive web design: CSS
aspect-ratioproperty lets you reserve correct space before images load, avoiding layout shift. - Logo and icon design: design at the most extreme ratio you will need; non-square logos scale awkwardly into square slots like avatars.