1 Input
Presets
Live preview
1920 × 1080
16:9
Drag the stage edge or resize the window — the box holds its proportion.
Ratio
16:9
Reduced fraction
1920/1080 → 16/9 (÷120)
Decimal
1.777778
2 Output
padding-bottom
56.25%
exact
56.25%
Intrinsic-ratio CSS
Modern
aspect-ratio
SVG viewBox
Inline SVG skeleton
3 Reverse — ratio to dimensions
Paste a ratio (16:9, 16/9, 1.7778) or a padding percentage (56.25%), pick a width, get the height.
Height
720
1280 × 720
4 Reference — preset lookup
| Ratio | Name | padding-bottom | w ÷ h | Shape |
|---|