How do I calculate aspect ratio from dimensions?

Divide the width by the height — 1920 divided by 1080 gives you 1.778. To express it as a clean ratio, simplify to the smallest integers using the greatest common divisor: 1920:1080 reduces to 16:9 by dividing both by their GCD of 120. The calculator handles the GCD arithmetic automatically, which is helpful when the numbers don't simplify obviously.

What ratio should I use for video?

The modern default is 16:9 — that's 1920×1080 for HD and 3840×2160 for 4K, used by YouTube, Netflix, and broadcast TV. For vertical phone formats like TikTok, Reels, and Shorts, use 9:16 at 1080×1920. Square content for Instagram's main feed is 1:1. Cinematic widescreen content uses 21:9. Match the destination platform — they each enforce expectations about what looks right.

How do I scale while maintaining aspect ratio?

Calculate the missing dimension proportionally. Going from 1920×1080 (16:9) to a target width of 1280, the height should be 1280 × (9/16) = 720. The calculator does this automatically — you enter the source dimensions and either the target width or target height, and it works out the other. This prevents the off-by-a-pixel distortions that creep in when you try to do the math by hand.

What's the difference between aspect ratio and resolution?

Aspect ratio is the shape (the proportions); resolution is the actual pixel count. The same ratio can come at many different resolutions — 1280×720 and 1920×1080 are both 16:9, but the second is sharper at the same physical size. Resolution affects image quality, while ratio affects shape. They're independent dimensions you can adjust separately.

Can I use the calculator for printing?

Yes. Common print sizes have specific ratios — 8×10 is 4:5, 4×6 is 2:3, 5×7 is 5:7, A4 is roughly 1.41:1, US Letter is 8.5×11. The calculator helps determine scaling for photo prints, custom posters, and fitting images to specific frame sizes. Watch the DPI for print quality — 300 DPI is typical for photo printing, while 96 DPI is more web-oriented.

What is the CSS aspect-ratio property?

It's a modern CSS property that locks an element to a specific ratio in a single declaration — for example, 'aspect-ratio: 16 / 9'. The width or height auto-derives from the other based on the ratio you specify. It's much cleaner than the old padding-bottom percentage hack people used to use, and modern browsers (basically anything from 2021 onward) support it. The calculator can output ratio values ready to drop into CSS.

Is the data sent anywhere?

No. Aspect ratio calculation is pure math — division and a greatest common divisor — running in JavaScript in your browser. Your dimensions are never transmitted anywhere. The math is the same whether you do it on a server or locally; doing it locally just avoids the unnecessary roundtrip.

Aspect Ratio Calculator

Calculate aspect ratios and scale dimensions proportionally online. Free aspect ratio calculator for images, video, and screen sizes.

Calculators

Instant results

Width

Height

16:9

Aspect Ratio

1.7778

Decimal

56.25%

CSS Padding Ratio

Common Aspect Ratios

Tip: Click the lock icon to maintain the aspect ratio while adjusting dimensions. The CSS padding ratio can be used for responsive containers withpadding-bottom: 56.25%.

About Aspect Ratio Calculator

Calculate and convert aspect ratios for images and videos. Find the simplified ratio, decimal value, and CSS padding percentage for responsive design.

How to Use Aspect Ratio Calculator

Enter the source dimensions

Input the width and height of your source image, video, or display. You can also specify a ratio directly, like 16:9, if that's all you have to work with.

Enter the target dimension

Specify either a target width or a target height. The calculator works out the other dimension to maintain the ratio. You can also specify both if you want to compare ratios between two arbitrary dimensions.

View the calculated values

The calculator displays the matching dimension, the ratio expressed as both a decimal and a simplified fraction, the diagonal length, and matches against common preset ratios like 16:9 and 4:3.

Use the result in your design

Apply the calculated dimensions to your project. Copy the CSS aspect-ratio value (something like 'aspect-ratio: 16/9') for ratio-locked containers, or use the dimensions directly for image scaling, video sizing, and responsive layouts.

When to Use Aspect Ratio Calculator

Image scaling

Resize images without distorting them. If you're going from 1920×1080 (a 16:9 photo) to 1280 pixels wide, the calculator works out that the height needs to be 720. This matters for thumbnails, banners, responsive images, and ad creatives — letting the proportions drift produces stretched-looking output that immediately reads as amateur.

Video production

Standard video ratios are 16:9 for HD video and YouTube, 9:16 for vertical phone formats like TikTok and Reels, 4:5 for Instagram feed posts, and 1:1 for square content. Adapting the same source across platforms with different ratio requirements is much faster when you can plug numbers into a calculator instead of doing the arithmetic manually.

Web design and responsive layouts

Modern CSS includes an aspect-ratio property that locks containers to a specific shape. The calculator helps designers and developers figure out target dimensions and the CSS values to use for responsive containers that maintain their proportions across breakpoints.

Display and screen sizing

Common display ratios include 16:9 for most monitors and TVs, 16:10 for some laptops, 21:9 for ultra-wide displays, and 4:3 for older equipment. The calculator helps match dimensions for digital signage, custom-built displays, and monitor specifications where you need to choose hardware for a specific content format.

Aspect Ratio Calculator Examples

16:9 video at 1080 wide

Input

Ratio: 16:9, Width: 1920

Output

Height: 1080. Diagonal: 2202.91. Aspect as decimal: 1.778.

Standard HD comes out to 1920×1080. The calculator works out the height from the width given a ratio. 16 divided by 9 is 1.778, so the height is the width divided by 1.778.

Instagram square crop

Input

Ratio: 1:1, Source: 1920×1080

Output

Square crop at 1080×1080 from a horizontal source, or 1920×1920 if extended or letterboxed.

To crop a horizontal image to square, take the smaller dimension — 1080 in this case. For Instagram's main feed, 1080×1080 is the right size for highest quality without unnecessary upscaling.

Resize while maintaining ratio

Input

Source: 800×600, Target width: 1200

Output

Target dimensions 1200×900. Ratio 4:3 preserved.

Scaling 800×600 to 1200 wide. The ratio 4:3 is 1.333, so the height becomes 1200 / 1.333 = 900. The calculator does this kind of math reliably and prevents the small calculation errors that creep in when you try to do it by hand.

Tips & Best Practices for Aspect Ratio Calculator

1.The common ratios worth memorizing are 16:9 for standard video, 4:3 for older video and presentations, 3:2 for DSLR cameras, 1:1 for Instagram square, 9:16 for vertical phone formats, and 21:9 for ultra-wide cinema.
2.Use the modern CSS aspect-ratio property — 'aspect-ratio: 16 / 9' creates a ratio-locked container in one line. It's much cleaner than the old padding-bottom hack and is supported in all modern browsers.
3.When working with images, keep the original ratio whenever possible. Cropping always loses content, and scaling without the original ratio produces distortion that's immediately visible to viewers.
4.Sometimes you need pixel-perfect math. Convert the ratio to a decimal (16:9 becomes 1.778), then multiply or divide for the dimension you need. The calculator handles the conversion in either direction.
5.Watch DPI when working with print. Web ratios are pixel ratios; print also depends on DPI. A 1920×1080 image at 96 DPI prints at 20×11.25 inches, but the same pixel dimensions at 300 DPI come out at 6.4×3.6 inches.
6.Modern displays vary widely, so test on multiple devices when content quality matters. A 16:9 desktop monitor and a 9:16 phone display will need different content variants if you want either to look right.

Frequently Asked Questions

It's the ratio of width to height for an image, video, or display, expressed as width:height (16:9) or as a single decimal (1.778). Common ratios include 16:9 for HD video, 4:3 for older video, 1:1 for square, 9:16 for vertical phone formats, and 21:9 for ultra-wide cinema. The aspect ratio determines the proportional shape, separately from the actual pixel dimensions.

Aspect Ratio Calculator

About Aspect Ratio Calculator

How to Use Aspect Ratio Calculator

Enter the source dimensions

Enter the target dimension

View the calculated values

Use the result in your design

When to Use Aspect Ratio Calculator

Image scaling

Video production

Web design and responsive layouts

Display and screen sizing

Aspect Ratio Calculator Examples

16:9 video at 1080 wide

Instagram square crop

Resize while maintaining ratio

Tips & Best Practices for Aspect Ratio Calculator

Frequently Asked Questions

Related Tools

Date Calculator

Percentage Calculator

Factorial Calculator

Sales Tax Calculator

Age Calculator

Temperature Converter