Free Aspect Ratio Calculator
Calculate ratios and scale dimensions proportionally.
Scale to New Size
Enter a new width or height and the other dimension will be calculated automatically.
Common Aspect Ratios
| Ratio | Common Use | Example Resolutions |
|---|---|---|
| 16:9 | Widescreen monitors, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | Classic TV, presentations, iPad | 1024x768, 2048x1536 |
| 1:1 | Instagram posts, profile pics | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, phone video | 1080x1920 |
| 21:9 | Ultrawide monitors, cinema | 2560x1080, 3440x1440 |
| 3:2 | DSLR cameras, Surface devices | 1440x960, 6000x4000 |
Frequently Asked Questions
What is an aspect ratio?
An aspect ratio is the proportional relationship between width and height. A 16:9 ratio means for every 16 units of width, there are 9 units of height, regardless of the actual pixel size.
Why does aspect ratio matter for video?
Using the wrong aspect ratio causes black bars (letterboxing/pillarboxing) or stretching. YouTube uses 16:9, TikTok/Reels use 9:16, and Instagram posts use 1:1 or 4:5.
The math behind the ratio
An aspect ratio is the proportional relationship between width and height, written as W:H like 16:9, or as a single decimal, 16 ÷ 9 = 1.777…, usually rounded to 1.78:1. Two different pixel resolutions can share the same ratio: 1920×1080 and 1280×720 are both 16:9 because both reduce to the same fraction.
To simplify any pair, divide both numbers by their greatest common divisor: the largest integer that divides both width and height evenly. For Full HD:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
This calculator runs that GCD reduction every time you change a number, and also solves the reverse problem: given a target ratio and one known dimension, the other follows from new height = (known width × H) ÷ W: so a 1080-wide image scaled to 16:9 needs a height of 1080 × 9 ÷ 16 = 607.5, typically rounded to 608.
A short history of the rectangle
In 1891 W.K.L. Dickson, working for Thomas Edison, picked a 4:3 frame for the Kinetoscope because slitting 70mm Kodak film stock in half gave 35mm, and four sprocket holes per frame produced that proportion. A Paris convention adopted 1.33:1 as the silent-film standard in 1925. When optical sound stripes started encroaching on the image area, the Society of Motion Picture Engineers standardized the Academy ratio at 1.375:1 on 9 May 1932, the format every studio film used for the next twenty years.
Television was eating cinema's lunch by the early 1950s, and Hollywood responded with width. Shane shipped in 1.66:1 in May 1953. Five months later 20th Century Fox premiered The Robe in CinemaScope, originally 2.55:1 (reduced from the optical maximum of 2.66 to leave room for four magnetic soundtrack stripes). SMPTE pinned the anamorphic projection aperture at 2.35:1 in 1957 and updated it to 2.39:1 in 1970 so splice marks would be less visible.
16:9 isn't arbitrary either. In 1984 Kerns H. Powers, working on the SMPTE high-definition working group, derived it geometrically: when rectangles of equal area shaped to all the popular cinema and TV ratios (4:3, 1.85:1, 2.35:1) are overlapped concentrically, they all fit inside an outer 1.77:1 rectangle and all cover an inner 1.77:1 rectangle. Mathematically it's the geometric mean of the extremes, √(1.33 × 2.35) ≈ 1.77. ITU-R Recommendation BT.709 enshrined 16:9 for HDTV in 1990, and the PC industry switched from 16:10 to 16:9 around 2009 to share panel manufacturing lines with TVs.
Common ratios in 2026
| Ratio | Decimal | Where you see it |
|---|---|---|
| 1:1 | 1.000 | Square Instagram posts, profile pictures, album art |
| 4:5 | 0.800 | Instagram portrait feed (highest-engagement format) |
| 2:3 | 0.667 | Pinterest standard pin, vertical 35mm photo prints |
| 3:2 | 1.500 | Full-frame DSLRs, 35mm negatives, Microsoft Surface laptops |
| 16:10 | 1.600 | Older laptops, 14"/16" MacBook Pro, many tablets |
| 16:9 | 1.778 | HDTV, modern monitors, YouTube landscape, most laptops |
| 1.85:1 | 1.850 | Modern "flat" theatrical release |
| 1.91:1 | 1.910 | Open Graph / Facebook / LinkedIn share cards (1200×630) |
| 2:1 | 2.000 | Univisium, used by some streaming originals |
| 21:9 | 2.333* | Ultrawide monitors (*marketing label; technically 64:27 = 2.37:1) |
| 2.39:1 | 2.390 | Modern anamorphic widescreen ("scope") |
2026 social-platform sizes
- Instagram feed: 4:5 portrait (1080×1350) is the current engagement-optimised default, it occupies meaningfully more vertical screen space on a phone than a 1:1 square. Square (1080×1080) and 1.91:1 landscape are also accepted. Stories and Reels are 9:16 (1080×1920).
- TikTok: native 9:16 at 1080×1920. Square is accepted but center-cropped on the full-screen view.
- YouTube: 16:9 horizontal (1920×1080 or 3840×2160 for 4K). YouTube Shorts is 9:16 at 1080×1920.
- LinkedIn: share/link card 1200×630 (1.91:1). Banner cover 1584×396 (4:1). Vertical 1080×1350 (4:5) is recommended for feed posts.
- Pinterest: standard pin 1000×1500 (2:3). Pinterest's help center notes other ratios may negatively impact reach, and pins taller than roughly 1:2.1 get truncated in the home feed.
- Facebook / Open Graph: link preview 1200×630 (1.91:1) is the de-facto standard for the largest preview in News Feed and Messenger.
Letterbox, pillarbox, windowbox
When a frame's aspect ratio doesn't match the surface it's displayed on, you get black bars, the format depends on which dimension overflows.
- Letterbox: bars on top and bottom. The source is wider than the display. Showing a 2.39:1 movie on a 16:9 TV is the canonical example. Bars eat roughly
1 − (1.78 / 2.39) ≈ 25%of vertical space. - Pillarbox: bars on left and right. The source is narrower than the display. Showing a 4:3 sitcom on a 16:9 TV is the classic case.
- Windowbox: bars on all four sides. Happens when content that's already letterboxed (or pillarboxed) gets scaled into a frame of yet another ratio.
- Pan and scan is the destructive alternative: the picture is cropped to fill the screen and the camera "pans" across the original frame to keep action centered. It was standard for releasing 2.35:1 films on 4:3 VHS in the 1980s and 90s, and was widely criticised for cutting off composition.
CSS aspect-ratio
Browsers ship a CSS property that does the math for you in layout. aspect-ratio: 16 / 9; declares the preferred width-to-height shape of an element. When at least one of width or height is auto, the browser sizes the box to honour the ratio; if both are explicit, the ratio is ignored. According to MDN, the property has been available across all major engines since September 2021 and carries the "Baseline Widely available" status.
Before that, the standard trick was the padding hack (Thierry Koblentz, 2009): zero out the wrapper's height and set padding-bottom: 56.25%, which is 9 ÷ 16 × 100. Percentage padding is computed against the parent's width, so the box ends up 9 units tall for every 16 units wide. The modern equivalent for a responsive YouTube embed is one line:
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>Setting aspect-ratio on an <img> tag also reserves layout space before the image loads, which is one of the cheapest improvements you can make to Cumulative Layout Shift, a Core Web Vital that affects search ranking.
Common mistakes
- Stretching instead of cropping or letterboxing. Scaling each axis independently distorts faces and turns circles into ovals. The rule: never scale width and height by different factors.
- Trusting the marketing label. "21:9" monitors are technically 64:27 (≈ 2.37:1). "1366×768" laptop panels are almost 16:9 (1366÷768 = 1.7786 vs 16÷9 = 1.7778) but the simplified ratio is actually 683:384, which is why 1080p video sometimes downscales slightly imperfectly. "4K" can mean either 3840×2160 (UHD, 16:9) or 4096×2160 (DCI cinema, ≈ 1.90:1) depending on context.
- Re-cropping without re-centering subjects. A 1:1 portrait composed dead centre will lose head and feet when re-cropped to 9:16; a 9:16 vertical will lose hands and props when re-cropped to 1:1. Designers shoot with a "safe area" (roughly the centred 80%) that survives every common re-crop.
- Confusing aspect ratio with pixel density. 1920×1080 and 3840×2160 share an aspect ratio but produce very different sharpness on the same physical screen.
- Grid vs feed on Instagram. A 4:5 post displays at full height in the feed but is centre-cropped to 1:1 on your profile grid, so anything important (faces, headlines, logos) has to survive the square crop.
- Confusing 16:9 with the golden ratio. Phi (≈ 1.618) sits between 3:2 (1.5) and 16:10 (1.6). Real golden rectangles look closer to a credit card than to a TV.
More questions
Is 1.91:1 the same as 16:9?
No. 16:9 is 1.778, while 1.91:1 is 1.910. They look similar at a glance, but Open Graph share cards at 1200×630 (1.91:1) are slightly wider than 16:9 video frames at 1920×1080. Mismatching the two is one of the most common reasons social-share previews get cropped strangely.
What's the difference between UHD 4K and DCI 4K?
UHD 4K is 3840×2160 with a 16:9 (1.78:1) aspect ratio (that's what consumer TVs and most streaming use. DCI 4K is 4096×2160 with a 256:135 (≈ 1.90:1) aspect ratio) that's the digital-cinema mastering standard required by professional cameras like RED, ARRI and Blackmagic. The two formats differ by 256 horizontal pixels, about 6.7% more total area in DCI.
How do I find equivalent dimensions for a different aspect ratio?
Pick a target ratio (say 16:9) and one dimension you want to keep fixed (say a 1080-pixel width). The other dimension follows from a single multiplication: height = 1080 × 9 ÷ 16 = 607.5, rounded to 608. The "Scale to New Size" panel above does this automatically, change either the new width or new height and the matching dimension is computed in real time.
Why did 16:10 disappear from monitors?
PCs briefly favoured 16:10 (1680×1050, 1920×1200) between roughly 2003 and 2009. The industry pivoted to 16:9 around 2009–2010 because TV manufacturers were already producing 16:9 LCD panels in volume for HDTVs, so making monitors the same shape let everyone share the same factory lines. 16:10 has come back on premium laptops (recent MacBook Pro 14" and 16" models, plus several Windows laptops) because it gives more vertical space for code and documents.
Does this work entirely in my browser?
Yes. The calculator is a few lines of JavaScript that compute GCD and the scaling formula locally; nothing is sent to a server, no account is needed, and it works offline once the page is cached. The same applies to every other tool on Absolutool.