Aspect Ratio Calculator

Calculate aspect ratios, resize dimensions proportionally, and generate CSS snippets.

Ratio Calculator

:
Simplified ratio
16:9
Decimal
1.778
Percentage (CSS)
56.25%
Aspect ratio
16:9
Equivalent fractions
16:9 = 32:18 = 48:27 = 1920:1080 = 1280:720 = 3840:2160

Resize Calculator

×
→
720
→
1280
1280 × 720

Common Aspect Ratios

16:9
1.778
Widescreen / HD video (1920×1080, 1280×720)
4:3
1.333
Traditional TV / iPad (1024×768, 800×600)
1:1
1.000
Square (Instagram, profile photos)
21:9
2.333
Ultrawide cinema (2560×1080)
3:2
1.500
Photography / MacBook (1440×960)
2:1
2.000
Univisium film format
9:16
0.563
Vertical video (TikTok, Reels, Stories)
4:5
0.800
Instagram portrait
5:4
1.250
Large format photography
3:4
0.750
Portrait tablet
2.35:1
2.350
Cinemascope (anamorphic)
1.85:1
1.850
Academy flat (modern cinema)

CSS Snippets

Padding-top trick (legacy)
.container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 ratio */
}
.content {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
Modern (CSS aspect-ratio)
.element {
  aspect-ratio: 16 / 9;
}