Layout
  • Free forever
  • No sign-up
  • Instant results

Aspect Ratio Calculator

Simplify any width and height to their lowest common aspect ratio. Also outputs the CSS padding-top percentage for the intrinsic ratio technique.

Related Calculators

Base64
Basic Math
Border Radius %
Breakpoints
Color Blind Sim
Color Harmony
Simplified ratio
—

When would you use this?

Enter any width and height and this calculator simplifies them to their lowest common ratio. So 1920x1080 becomes 16:9, 1200x900 becomes 4:3, and so on. It also generates the padding-top percentage for the classic CSS intrinsic ratio trick, which is still useful for maintaining aspect ratios on responsive images and embeds in older codebases.

Common Questions

How do I maintain aspect ratio in CSS?

When would I use the padding-top intrinsic ratio trick?