Aspect ratio calculator.
Enter a width and height to get the ratio, then a new width or height to get the other side at the same ratio. With common ratios and the CSS to copy.
- As a number
1.7778- CSS
aspect-ratio: 16 / 9;
Resize at this ratio
Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.
Aspect ratio calculator in three steps.
- 01
Enter width and height
Or pick a common ratio such as 16:9 or 4:3.
- 02
Read the ratio
Reduced to its smallest numbers, with the nearest common ratio.
- 03
Resize at the same ratio
Type a new width or height; the other side follows.
Try it with your build.
Design your website today, launch tomorrow.
Start for FreeBook a demo
Width and height are divided by their largest common divisor: 1920 × 1080 is divided by 120 and becomes 16:9. Sizes that don’t reduce neatly, such as 1366 × 768, show the nearest common ratio as well.
16:9 for video and most screens, 4:3 for older screens and presentations, 1:1 for square social posts, 4:5 for portrait posts, 9:16 for stories and short videos, 3:2 for photos, 21:9 for ultrawide screens.
Set one side and the aspect-ratio property, for example width: 100% with aspect-ratio: 16 / 9. The tool writes the line for you.
New height = new width × height ÷ width. For 1920 × 1080 at a new width of 1280: 1280 × 1080 ÷ 1920 = 720.
Yes, with no sign-up and no limits.
Related tools.
- PX to REMPixels to rem for CSS, at any root font size.
- REM to PXRem back to pixels, at any root font size.
- EM to PXEm to pixels, at the parent element’s font size.
- PT to PXPoints from Word or print to screen pixels.
- Pixels to inchesPixels to inches and centimeters, at any DPI.
- All size converterspx, rem, em, pt and inches, and aspect ratios, with tables of common values.
- All free toolsSmall tools for the jobs around a website: images, colors, sizes and fonts, alt text, prompts for AI builders, and a check whether AI agents can use your site. The converters run in your browser, so nothing is uploaded.
Design your website today, launch tomorrow.
At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.