free tools runs in this tab no account, no upload
free tool
Aspect ratio
What height keeps this width at 16:9?
Give two of the three and read the third. It prints the ratio in lowest terms, the decimal a layout engine actually uses, and the aspect-ratio declaration.
The quick brown fox jumps over the lazy dog, at the size body text is
actually set.
16 : 9
A decimal ratio of 1.7778, which is what the layout engine works in.
ready to paste
aspect-ratio: 16 / 9;
- height at 1200px wide 675px
- width at 1200px tall 2133.33px
- padding-top, the old way 56.25%
how to use it
- Type the width and the height you have.
- Read the ratio in lowest terms and the aspect-ratio declaration under it.
- Change the target width to get the height that keeps the same ratio.
what this page cannot do
The extension reads the intrinsic size of every image on a page against the box it is drawn in, which is where a squashed logo and a layout shift both come from - neither is visible from a pair of numbers you typed.
Images in the panel Why is my page so heavy?
Add
LoupeKit
- opens the list of browsers it can be installed in
no host permissions · the reading is free