Aspect Ratio Basics
Aspect ratio is the proportional relationship between width and height, expressed as W:H. Maintaining ratio prevents distortion when resizing images or designing for different screens.
Finding the Ratio
GCD method:
Width=1920, Height=1080
GCD(1920,1080) = 120
1920/120 : 1080/120 = 16:9
Width=2560, Height=1080
GCD = 40 → 64:27 ≈ 21:9Resizing While Preserving Ratio
Original: 1920×1080 (16:9)
New width = 1280:
Height = 1280 × (1080/1920) = 1280 × 0.5625 = 720
→ 1280×720 ✓ still 16:9
New height = 900:
Width = 900 × (1920/1080) = 900 × 1.778 = 1600
→ 1600×900 ✓Common Aspect Ratios
- 16:9 — HD TV, YouTube, most monitors
- 4:3 — Old TV, SD video, some tablets
- 1:1 — Instagram square, profile photos
- 9:16 — Phone vertical video, TikTok, Reels
- 21:9 — Ultra-wide monitors, cinema
- 3:2 — DSLR cameras, 35mm film
Calculate aspect ratios: Free Aspect Ratio Calculator
Common Aspect Ratios Quick-Reference Table
| Ratio | Decimal | Common use | Example resolution |
|---|---|---|---|
| 4:3 | 1.333 | Old TV, monitors, tablets | 1024×768, 2048×1536 |
| 16:9 | 1.778 | HD/4K TV, YouTube, most monitors | 1920×1080, 3840×2160 |
| 16:10 | 1.600 | Laptops, widescreen monitors | 1920×1200, 2560×1600 |
| 21:9 | 2.333 | Ultrawide monitors, cinema | 2560×1080, 3440×1440 |
| 1:1 | 1.000 | Instagram posts, profile photos | 1080×1080 |
| 9:16 | 0.563 | TikTok, Instagram Reels, Stories | 1080×1920 |
| 2.39:1 | 2.390 | Anamorphic cinema (scope) | 4096×1716 |
| 1.85:1 | 1.850 | Cinema flat | 1998×1080 |
How Aspect Ratio Calculations Work
Aspect ratio is width divided by height, expressed as W:H. To find the missing dimension: height = width / (W/H); width = height × (W/H). To scale while preserving ratio: new width = old width × (new height / old height). To find the GCD (greatest common divisor) of width and height and simplify: GCD(1920, 1080) = 120 → 1920/120 : 1080/120 = 16:9.
Letterboxing (horizontal black bars) occurs when wide video plays on a taller screen. Pillarboxing (vertical black bars) occurs when narrow content plays on a wider screen. Cropping removes content to fill the screen; stretching distorts the image. Content creators must consider the primary viewing platform's aspect ratio from the start of production — changing it in post requires re-framing or losing edge content.
Common Mistakes
- Confusing pixel dimensions with aspect ratio: Two resolutions can share the same ratio (1920×1080 and 1280×720 are both 16:9) while one is sharper. Aspect ratio describes shape, not resolution.
- Stretching instead of cropping or letterboxing: Stretching a 4:3 source to 16:9 distorts faces and objects. Cropping or adding black bars are the two non-destructive alternatives.
- Ignoring safe zones: In broadcast and social media, content within 10% of the edges may be cropped by different screen sizes or UI overlays. Important visual elements should stay within the "safe zone" — the central 80% of the frame.
Frequently Asked Questions
The 4:3 ratio matched early cathode-ray tube technology and the roughly square format of 35mm film's Academy aperture. As widescreen cinema became dominant, broadcasters adopted 16:9 for HD television to better accommodate theatrical films and widescreen sports coverage without letterboxing. 16:9 also more closely matches the human field of vision (roughly 2:1 horizontal) and reduces eye fatigue during extended viewing.
YouTube thumbnails display at 16:9 (1280×720 minimum, 1920×1080 recommended). The title-safe area (where text and key visuals should sit) is roughly the central 70% of the frame — edges may be obscured by YouTube overlays on mobile. Use JPG, GIF, or PNG under 2 MB. Since thumbnails display at small sizes in search results, use high-contrast images with minimal text (large font, 2–3 words maximum).
Standard digital video (square pixels) has a pixel aspect ratio (PAR) of 1:1. Some legacy broadcast formats (DV, DVB) used non-square pixels (PAR 0.9 or 1.422) to store wide frames in 720-pixel-wide containers efficiently. Playing non-square-pixel video on modern square-pixel displays without correction causes stretching. Most editing software handles PAR automatically; always confirm your export settings match the delivery spec to avoid unexpected stretching.