How to calculate an aspect ratio
An aspect ratio is simply the proportional relationship between a frame's width and its height, written as width : height. To turn a pixel resolution into a clean ratio, divide both numbers by their greatest common divisor (GCD) — the largest whole number that divides evenly into both. For 1920 × 1080 the GCD is 120, so the ratio reduces to 1920/120 : 1080/120, which is 16:9. The Find Aspect Ratio tab does this instantly and falls back to a decimal approximation (such as 1.85 : 1) when a resolution does not reduce to small whole numbers.
Going the other way is just as quick. Lock a ratio, enter one known dimension, and the missing side is known × (other ratio term ÷ matching ratio term). For a 16:9 frame that is 1280 px wide, the height is 1280 × (9 ÷ 16) = 720 px. The Find Missing Dimension tab keeps both fields in sync as you type so the proportion never breaks.
1. Reduce with the GCD
Any resolution collapses to its simplest ratio through the greatest common divisor. It is the same Euclidean math print shops and video editors rely on, and it is exact for whole-number inputs.
2. Solve the missing side
With a locked ratio you only ever need one dimension. Multiply by the ratio fraction to recover the other, so exports and containers stay pixel-accurate at any scale.
3. Copy production-ready CSS
Grab the modern aspect-ratio property or the legacy padding-top percentage fallback to reserve space and prevent layout shift on load.
How to use the aspect ratio calculator
The calculator works in two directions and needs no setup. Follow these three steps to size any frame without stretching it.
- Set your aspect ratio. Type the width and height terms (for example 16 and 9) in the Find Missing Dimension tab, or tap a preset such as 16:9, 4:3 or 9:16.
- Enter one known dimension. Type the pixel width or height you already have. The calculator fills in the matching side instantly so the proportion never breaks.
- Copy the CSS. Copy the generated
aspect-ratiovalue or the legacypadding-topfallback straight into your stylesheet.
Common aspect ratios and resolutions
Most screens, cameras and social platforms cluster around a handful of ratios. This reference covers the everyday 16:9, the classic 4:3, and the cinematic 21:9 ultrawide, with the resolutions you are most likely to export.
| Ratio | Common name | Resolutions | Typical use |
|---|---|---|---|
| 16:9 | Widescreen HD / UHD | 1280×720, 1920×1080, 2560×1440, 3840×2160 (4K) | YouTube, TVs, laptops, presentations |
| 4:3 | Standard / legacy | 640×480, 1024×768, 1600×1200, 2048×1536 | iPads, documents, older cameras |
| 21:9 | Ultrawide / cinema | 2560×1080, 3440×1440, 3840×1600, 5120×2160 | Ultrawide monitors, cinematic video |
| 9:16 | Vertical short-form | 720×1280, 1080×1920, 1440×2560 | Reels, TikTok, YouTube Shorts |
| 1:1 | Square | 1080×1080, 1200×1200 | Avatars, feed posts, thumbnails |
How to keep proportions when resizing
Stretched, squashed images are almost always the result of changing width and height independently. To resize without distortion, decide on a ratio and only ever move one dimension — let the math fill in the other. In the Find Missing Dimension tab, set your ratio (say 16:9), type the new width, and read off the exact height. Because both values reduce to the same proportion, the frame scales cleanly whether you are shrinking a hero image or upscaling for a 4K export. When you need to reserve space in a layout before an image loads, copy the aspect-ratio value into your container to eliminate cumulative layout shift.
Calculate 16:9 dimensions for YouTube videos
YouTube renders its player at 16:9, so exporting at that ratio avoids black bars on the sides or top. The math is quick: multiply your chosen width by 9 and divide by 16 to get the height. A 1280 px wide upload becomes 1280 × 9 ÷ 16 = 720 px tall (720p), 1920 px wide becomes 1080 px (1080p), and 3840 px wide becomes 2160 px (4K). To find any 16:9 pair, load the 16:9 preset, type your target width in the Find Missing Dimension tab, and read the exact height. The same values feed a thumbnail export, so pair this with the Photo Resizer when you need the thumbnail at exact pixels.
What aspect ratio is 1920 by 1080?
1920 × 1080 is a 16:9 aspect ratio. Both numbers share a greatest common divisor of 120, so dividing each by 120 gives 1920 ÷ 120 : 1080 ÷ 120 = 16 : 9. That is why 1920 × 1080 is called Full HD or 1080p and matches the shape of nearly every modern monitor, TV and laptop screen. To check any resolution the same way — 2560 × 1440, 3440 × 1440, or an odd screenshot size — paste it into the Find Aspect Ratio tab and the tool reduces it for you.
Find the pixel dimensions for a given ratio
When a platform specifies a ratio but not a resolution, work backwards from the ratio to real pixels. Pick the longest edge your export allows, set the ratio, and let the calculator return the other dimension. For a 4:5 Instagram portrait at 1080 px wide the height is 1350 px; for a 21:9 ultrawide banner at 2560 px wide the height is roughly 1097 px. Because the output is always a whole-pixel value, you can drop it straight into an export dialog or a CSS container without rounding surprises.
Frequently asked questions
How do I calculate an aspect ratio?
Divide the width and height by their greatest common divisor. For 1920×1080 the GCD is 120, giving 16:9. Paste any resolution into the Find Aspect Ratio tab and the tool reduces it for you automatically.
What is a 16:9 resolution?
16:9 is any resolution where the width is about 1.778 times the height. Standard examples are 1280×720 (720p), 1920×1080 (1080p), 2560×1440 (1440p) and 3840×2160 (4K UHD).
How do I keep proportions when resizing an image?
Lock your ratio, then change only one dimension. Set the ratio in the Find Missing Dimension tab, enter the new width, and the calculator returns the exact matching height so nothing stretches.
What aspect ratio is 1920x1080?
1920×1080 is a 16:9 aspect ratio. Both numbers share a greatest common divisor of 120, so 1920/120 : 1080/120 reduces cleanly to 16:9 — the standard for Full HD (1080p) video and most modern screens.
How do I calculate the height for a 16:9 width?
Multiply the width by 9 and divide by 16. For a 16:9 frame that is 1280 pixels wide, the height is 1280 × 9 ÷ 16 = 720 pixels. Enter the width in the Find Missing Dimension tab and the exact height appears instantly.
What is the difference between aspect-ratio and padding-top in CSS?
The modern CSS aspect-ratio property is the direct way to size a box by ratio. The padding-top percentage (height ÷ width × 100) is the legacy fallback that reserves the same space in browsers that predate aspect-ratio. This tool outputs both.
Is this aspect ratio calculator free and private?
Yes. The calculator is completely free with no signup, and every calculation runs in your browser. No dimensions, resolutions or files are sent to a server.