Learn
What Is Aspect Ratio? - W:H Ratios Explained
Aspect ratio is the proportional relationship between width and height, expressed as W:H. 16:9 means 16 units wide for every 9 tall. Calculate it by dividing both dimensions by their GCD. 1920x1080 / GCD(120) = 16:9.
Overview
Aspect ratio is the proportional relationship between width and height, expressed as W:H. 16:9 means 16 units wide for every 9 tall. Calculate it by dividing both dimensions by their GCD. 1920x1080 / GCD(120) = 16:9.
What Is Aspect Ratio?
Aspect ratio is the proportional relationship between the width and height of an image, screen, or frame. It is written as W:H, where W is width and H is height. A 16:9 ratio means the width is 16 units for every 9 units of height — a wide, horizontal rectangle.
Aspect ratio describes shape, not size. A 1920x1080 monitor and a 3840x2160 4K monitor both have 16:9 aspect ratios despite having very different resolutions and physical sizes. What they share is the same proportional relationship between width and height.
Common Aspect Ratios and Their Uses
| Ratio | Name / Description | Common Use Cases | Example Resolution |
|---|---|---|---|
| 16:9 | Widescreen (1.78:1) | HD/4K video, monitors, streaming, TV | 1920x1080, 3840x2160 |
| 4:3 | Traditional TV (1.33:1) | Legacy video, some tablets, medical imaging | 1024x768, 1600x1200 |
| 1:1 | Square | Instagram posts, profile photos, album art | 1080x1080, 800x800 |
| 9:16 | Portrait (vertical) | Mobile video, Instagram/TikTok Stories, Reels | 1080x1920 |
| 3:2 | Classic photo (1.5:1) | 35mm film, DSLR sensors, standard photo prints | 3000x2000, 6000x4000 |
| 2:1 | Cinematic wide | Letterboxed films, panoramic photography | 2560x1280 |
| 21:9 | Ultra-wide (2.33:1) | Ultra-wide monitors, cinematic film projection | 3440x1440, 2560x1080 |
| 5:4 | Near-square | Older monitors, some print formats | 1280x1024 |
| 4:5 | Vertical portrait | Instagram portrait posts (ideal for reach) | 1080x1350 |
How to Calculate Aspect Ratio
To find the aspect ratio of any two dimensions, divide both numbers by their Greatest Common Divisor (GCD). The GCD is the largest number that divides both values without a remainder.
Example: 1920x1080. The GCD of 1920 and 1080 is 120. Dividing: 1920/120 = 16, 1080/120 = 9. Ratio = 16:9.
Example: 2560x1440. GCD is 80. 2560/80 = 32, 1440/80 = 18, which simplifies to 16:9. Use our Aspect Ratio Calculator to handle this instantly for any dimensions.
Aspect Ratio vs Resolution
Aspect ratio and resolution describe different things. Aspect ratio is the shape — the proportional relationship between width and height. Resolution is the total pixel count — how much detail the image contains.
You can have the same aspect ratio at many resolutions: 640x360, 1280x720, 1920x1080, and 3840x2160 all share 16:9 ratio but contain increasingly more pixels (0.23 MP, 0.92 MP, 2.07 MP, and 8.3 MP respectively).
When designing for screens or print, both matter. Aspect ratio determines the crop shape and how the image fits a given frame. Resolution determines how sharp and large the image can be displayed or printed.
Resizing Images While Maintaining Aspect Ratio
To resize an image proportionally, lock the aspect ratio. Change one dimension and calculate the other: new height = (new width / original width) x original height.
Example: Resize a 1920x1080 image to 1280px wide. New height = (1280/1920) x 1080 = 720. Result: 1280x720 — same 16:9 ratio, smaller file.
Changing only one dimension without adjusting the other creates distortion. A 1920x1080 image stretched to 1920x800 would appear horizontally squashed. Our Aspect Ratio Calculator handles ratio-locked resizing automatically.
Aspect Ratios in Video and Film
Video aspect ratios define how footage fills a screen. 16:9 is the universal standard for HD and 4K broadcast, streaming, and most social video. 4:3 was the pre-HDTV television standard — the reason older footage has black bars on modern widescreen displays.
Vertical 9:16 has become essential for mobile-first content: Instagram Reels, TikTok, YouTube Shorts. Square 1:1 still performs well in social feeds where crops are unpredictable. 21:9 ultra-wide is used in cinema and premium ultra-wide monitors.
Practical Quality Notes for What Is Aspect Ratio?
This guide is most helpful when the result is tied to a real workflow, not treated as a loose number. For What Is Aspect Ratio?, verify the input value, the unit context, the expected output format, and the real place where the result will be used. That context prevents the common mistake of copying a pixel value into a print, web, or CSS workflow where the reference size is different.
What Is Aspect Ratio? reduces width and height by their greatest common divisor, then preserves that relationship when resizing. If the number looks unexpectedly large or small, check the unit direction first, then check the DPI, base font size, viewport width, or physical measurement that controls the calculation.
A good review pass for What Is Aspect Ratio? is simple: calculate once, compare against a known example, and preview the final output at the size people will actually see. Aspect ratio is the proportional relationship between width and height, expressed as W:H. 16:9 means 16 units wide for every 9 tall. Calculate it by dividing both dimensions by their GCD. 1920x1080 / GCD(120) = 16:9.
Checks Before You Use the Result
- Confirm that What Is Aspect Ratio? is using the same input unit your source file or design brief uses.
- Save the DPI, viewport, or font-size setting next to the final What Is Aspect Ratio? value so another person can reproduce it.
- Preview the What Is Aspect Ratio? output on the target medium before sending it to print, publishing it, or adding it to CSS.
- Recalculate What Is Aspect Ratio? after resizing, cropping, changing aspect ratio, or changing the root font-size or viewport assumption.
When the Number Needs a Second Look
Recheck the result if the project moves from screen to print, from desktop to mobile, from one social platform placement to another, or from a draft export to a production file. Small context changes can make a correct What Is Aspect Ratio? answer wrong for the final job.
Sources
Reference Sources
These external references support the page's conversion formulas, resolution guidance, and unit explanations.
w3.org
W3C: CSS Values and Units Module Level 4
Specification covering absolute lengths and resolution units such as px, in, cm, mm, pt, and dpi.
Visit source
developer.mozilla.org
MDN: CSS values and units
Reference guide for CSS measurement units and how browsers interpret physical and relative sizes.
Visit source
developer.mozilla.org
MDN: <resolution>
Reference for resolution units including dpi, dppx, and dpcm used in screen and print discussions.
Visit source
developer.mozilla.org
MDN: image-resolution
Explains how raster image resolution metadata interacts with CSS and print-oriented image workflows.
Visit source
Frequently Asked Questions
Aspect ratio is the proportional relationship between width and height, expressed as W:H. A 16:9 ratio means for every 16 units of width there are 9 units of height. It doesn't describe the actual size — only the shape. A 1920x1080 screen and a 3840x2160 screen both have a 16:9 aspect ratio, but very different resolutions.
16:9 is the most common aspect ratio for screens, video, and monitors. It is the standard for HD and 4K televisions, desktop monitors, laptops, and most smartphone video. 1:1 (square) is common for social media posts. 4:3 was the traditional TV standard before widescreen.
Divide both width and height by their greatest common divisor (GCD). For 1920x1080: GCD is 120. 1920/120 = 16, 1080/120 = 9. Ratio is 16:9. For 2048x1536: GCD is 512. 2048/512 = 4, 1536/512 = 3. Ratio is 4:3.
16:9. Divide both numbers by their GCD (120): 1920/120 = 16, 1080/120 = 9. This is Full HD resolution at the standard widescreen ratio used for HD video, most monitors, and streaming platforms.
1:1 (square). Equal width and height always gives a 1:1 ratio. This is the standard for Instagram square posts, some profile photos, and any square-format design.
Keep the same aspect ratio. If the original is 1920x1080 (16:9) and you want it 1280 pixels wide: calculate height as 1280 / 16 x 9 = 720. The resized image is 1280x720. Changing only one dimension without adjusting the other stretches or squishes the image. Our Aspect Ratio Calculator handles this automatically.
Aspect ratio describes shape (the proportional relationship of width to height). Resolution describes total pixel count (e.g., 1920x1080 = 2,073,600 pixels). Two images can share the same aspect ratio but have completely different resolutions. 1920x1080 and 3840x2160 are both 16:9 but very different in detail.