Aspect Ratio Calculator

Given width, height, or a W:H ratio, calculate the missing dimension and show the simplified ratio.

Monitor this automatically

NetTests can run this check on a schedule, preserve historical results, compare changes over time, and alert you the moment something breaks.

Start monitoring free → See all monitoring products

Frequently Asked Questions

What is an aspect ratio?

An aspect ratio is the proportional relationship between a frame's width and height, expressed as W:H. Common ratios: 16:9 (widescreen High Definition (HD) video, most monitors), 4:3 (traditional TV, older monitors), 1:1 (square, Instagram posts), 9:16 (portrait video, smartphone screens). The ratio is simplified to its lowest terms — 1920×1080 simplifies to 16:9.

How do I calculate a proportional height from a width?

Enter the width and the target ratio. For a 16:9 container at 800px wide: height = 800 × (9/16) = 450px. This tool does this automatically — enter any two of width, height, or ratio and it calculates the third. Useful for maintaining consistent aspect ratios across responsive breakpoints in CSS or image cropping.

How do I maintain aspect ratio in CSS?

Modern Cascading Style Sheets (CSS): aspect-ratio: 16 / 9; on the element. For older browsers, the padding-top trick: padding-top: 56.25% (which is 9/16 = 56.25%) on a container with position: relative. For images: object-fit: cover with explicit width/height maintains ratio while filling the container.