Aspect Ratio Calculator
Compute dimensions & ratios
Source Input
Processed Output
What is the Aspect Ratio Calculator?
Video embeds, hero images, and cards all need exact aspect ratios. Enter a known width or height plus your ratio (or pick a common one) and this calculator computes the missing dimension with a CSS aspect-ratio snippet — no more mental math with 16:9.
Frequently Asked Questions (FAQ)
Q: How do I use aspect-ratio in CSS?
aspect-ratio: 16 / 9 on an element with only a width (or height) defined — the browser computes the other dimension automatically.
How to Use the Aspect Ratio Calculator
- 1Paste your input into the editor above — or start from the preloaded example.
- 2Adjust any options, then click Run to process instantly in your browser.
- 3Review the output panel, then copy, download, or save it as a reusable snippet.