Aspect Ratio Calculator

About this tool

Aspect ratio is the proportional relationship between width and height. The Aspect Ratio Calculator simplifies an original ratio and calculates a missing scaled dimension so an image, video or responsive embed keeps the same shape without stretching.

For example, 1920 by 1080 simplifies to 16:9; changing the width to 1280 produces a height of 720. Rounding may be required when a ratio does not produce whole pixels, and the final crop can still differ if CSS uses object-fit: cover. Use the calculated ratio with the CSS aspect-ratio property to reserve space and reduce layout shift while media loads.

How to use it

1. Enter the original width and height to establish the source ratio.
2. Enter a new width and leave the new height blank to calculate it.
3. Alternatively enter the intended height and use the reported ratio to calculate the matching width.
4. Review the simplified ratio and rounded dimensions.
5. Apply the values to the image, video or container and confirm whether cropping rules alter the visible result.

Useful ways to apply it

• Resizing 16:9 video thumbnails without distortion.
• Calculating responsive image dimensions for a fixed content width.
• Simplifying camera, banner and social-media dimensions into a ratio.
• Setting CSS aspect-ratio before media loads to reduce layout shift.
• Checking whether two differently sized assets share the same proportions.