**What Is an Aspect Ratio?**
An aspect ratio is the proportional relationship between a frame's width and its height, written as two numbers separated by a colon — for example 16:9 or 4:3. Every screen, platform, and camera has a native ratio. When content doesn't match, you get black bars (letterboxing/pillarboxing) or distorted stretching.
**How to Use the Calculator**
*Mode 1 — Find the Ratio:* Enter width and height. The tool divides both by their greatest common divisor (GCD). A 1920x1080 frame returns 16:9. A 3024x4032 iPhone photo returns 3:4.
*Mode 2 — Scale to a Ratio:* Enter ratio (e.g. 16:9) and one known dimension. Formula: height = (width x ratio_h) / ratio_w.
Step-by-step:
1. Select Find Ratio mode
2. Enter width: 2048, height: 1152
3. Click Calculate — result: 16:9
4. Switch to Scale mode: ratio 16:9, width 1280 — height = 720
**Complete Aspect Ratio Reference Table**
| Ratio | Decimal | Primary Use | Common Resolutions |
|---|---|---|---|
| 1:1 | 1.00 | Instagram square | 1080x1080 |
| 4:3 | 1.33 | iPad, old TV, Zoom | 1024x768, 1600x1200 |
| 3:2 | 1.50 | DSLR sensor, MacBook | 3000x2000 |
| 16:9 | 1.78 | YouTube, HD TV | 1280x720, 1920x1080, 3840x2160 |
| 2:1 | 2.00 | Ultra-wide banner | 2000x1000 |
| 2.35:1 | 2.35 | Anamorphic cinema | 2560x1090 |
| 2.39:1 | 2.39 | DCI cinema standard | 4096x1716 |
| 4:5 | 0.80 | Instagram portrait | 1080x1350 |
| 9:16 | 0.56 | TikTok, Reels, Shorts | 1080x1920 |
**Example 1 — YouTube Creator Reformatting for Reels**
You have a 1920x1080 (16:9) video. Need Instagram Reel in 9:16.
- Lock height: height = 1920, width = (1920 x 9) / 16 = 1080px
- Export a 1080x1920 center crop from your timeline.
In Scale mode: ratio 9:16, height 1920 — width = 1080. Done in seconds.
**Example 2 — Web Designer CSS Ratio Container**
For a 16:9 responsive banner, use the padding-top trick in CSS:
.ratio-16-9 { position: relative; width: 100%; padding-top: 56.25%; }
.ratio-16-9 > * { position: absolute; inset: 0; }
Formula: (height / width) x 100 = padding-top percentage. For 4:3 = 75%. For 2.39:1 = 41.84%.
Modern CSS (Chrome 88+, Firefox 89+, Safari 15+) supports the aspect-ratio property directly:
.container { width: 100%; aspect-ratio: 16 / 9; }
**Example 3 — Photographer Print Sizing**
Full-frame DSLR shoots 3:2 (6000x4000). Standard 4x6 print is also 3:2 — no cropping needed. But a 5x7 print is 7:5 (1.40 decimal) while your photo is 3:2 (1.50). The lab will crop ~6.7% from the long edge. Verify ratios before sending to print.
**Platform Quick Reference**
- YouTube: 1920x1080 (16:9); Shorts 1080x1920
- Instagram: Feed 1080x1080 (1:1), Portrait 1080x1350 (4:5), Reels 1080x1920 (9:16)
- TikTok: 1080x1920 (9:16) required
- Facebook: Cover 851x315; Shared image 1200x630
- Twitter/X: In-stream 1600x900 (16:9)
- LinkedIn: Post 1200x628; Company cover 1128x191
- Zoom background: 1920x1080 (16:9)
**5 Common Mistakes**
**Mistake 1: Stretching Instead of Cropping** — A 4:3 photo stretched to fill a 9:16 Story makes subjects 25% taller. Always crop to target ratio, never stretch.
**Mistake 2: Wrong Ratio for Platform** — A 16:9 video on TikTok gets pillarboxed. TikTok's algorithm deprioritizes letterboxed content. Reformat before cross-posting.
**Mistake 3: Mixing Pixel and Print Units** — Calculating ratio in inches then using those values as pixels gives a microscopic file. Convert to pixels first: inches x DPI = pixels.
**Mistake 4: Forgetting Safe Zones** — Broadcast TV has 80% title-safe area. A 1920x1080 frame has title-safe zone of 1536x864. Graphics outside this area get cut off on older monitors.
**Mistake 5: Non-Square Pixels in DV Footage** — DV cameras use pixel aspect ratio (PAR) of 0.9. A 720x480 DV frame displays as 648x480 = 4:3, not 3:2. Always check PAR when working with pre-2010 broadcast footage.
**Pro Tips**
**Tip 1:** Run the calculator before every export in Premiere, Final Cut, or DaVinci Resolve — catch ratio mismatches in seconds, not after a long render.
**Tip 2:** In Photoshop, hold Shift while dragging to lock aspect ratio. In Illustrator, click the chain link icon in the properties panel.
**Tip 3:** Use the CSS aspect-ratio property for modern projects — cleaner than the padding-top hack and supported in all browsers since 2021.
**Tip 4:** In DaVinci Resolve, set your timeline resolution to the delivery ratio before editing — changing it after editing repositions all clips.
**Tip 5:** When cropping for multiple ratios (1:1, 4:5, 9:16), crop the narrowest ratio first (9:16) to identify the minimum safe zone, then ensure wider crops stay within that zone.