Every screen, video, photo and social platform has a shape, and that shape is an aspect ratio. Get it wrong and your video uploads letterboxed, your hero image crops somebody’s head, or your print comes back with white borders. This calculator works in both directions: enter any width and height and it simplifies them to the clean ratio (1920 by 1080 becomes 16:9) and names the standard if it matches one. Then, give it a target width or height and it computes the other dimension, so resizing never distorts the picture.
Quick Answer: Enter a width and height to see the simplified aspect ratio and its standard name if it has one. Then enter a new width or height in the resize section to get the matching dimension that keeps the same shape.
How to Use the Aspect Ratio Calculator
- Type the original width and height in pixels, centimetres or any consistent unit.
- Read the simplified ratio and check whether it matches a known standard such as 16:9 or 4:3.
- In the resize section, enter the new width you need, and read the required height, or the reverse.
- Apply those dimensions in your editor, camera or CSS.
- Round to whole pixels when your tool requires it; a fraction of a pixel of rounding will not visibly distort anything.
Key Features
- Ratio simplification using the greatest common divisor, so 1366 by 768 honestly reports itself instead of pretending to be 16:9.
- Standard matching for common ratios: 16:9, 4:3, 3:2, 21:9, 1:1, 9:16 and more.
- Resize solver: enter one target dimension and get the other, in both directions.
- Decimal ratio as well as the colon form, for tools and CSS that use aspect-ratio with a slash.
- Unit-agnostic: pixels, millimetres, inches all work because ratios are pure relationships.
Best Practices and Tips
- Match the ratio before you shoot or design: cropping a 4:3 photo to 16:9 always throws away a quarter of the frame.
- For responsive web images, the CSS aspect-ratio property plus these numbers keeps layout stable while images load.
- Social platforms crop aggressively: design key content inside the safe centre of the frame for the target ratio.
- When a resize result has long decimals, your original dimensions were not an exact ratio; rounding to the nearest pixel is fine.
Common Mistakes to Avoid
- Confusing resolution with ratio: 1280 by 720 and 1920 by 1080 share the 16:9 ratio at different sizes.
- Assuming every ‘widescreen’ is 16:9: many laptops are 16:10 and cinema content is often 2.39:1.
- Stretching an image to fit a frame with different proportions instead of cropping, which visibly distorts faces and logos.
- Forgetting print ratios: a 6 by 4 inch print is 3:2, so a 16:9 photo will be cropped or bordered.
Frequently Asked Questions
How is an aspect ratio simplified?
Both numbers are divided by their greatest common divisor. For 1920 and 1080 the divisor is 120, giving 16 and 9. If the dimensions share no divisor, like 1366 by 768, the simplified form stays large, which tells you it only approximates a standard.
What ratio are phone videos and stories?
Vertical formats use 9:16, the exact rotation of widescreen. Feed posts commonly use 1:1 or 4:5. Designing vertical content in 9:16 from the start avoids the heavy cropping platforms apply to landscape uploads.
What does the decimal ratio mean?
It is width divided by height as a single number: 16:9 equals about 1.78. Some tools, and the CSS aspect-ratio property written as a fraction, use this form. It is handy for comparing shapes quickly: bigger decimal, wider picture.
Can I use this for print sizes?
Yes. Enter the print dimensions in inches or millimetres; the ratio logic is identical. A 10 by 8 inch print is 5:4, and knowing that tells you a camera shooting 3:2 will crop the long edges.
Why do my dimensions come out with decimals when resizing?
Because exact proportions rarely land on whole numbers: a 16:9 frame at width 1000 needs height 562.5. Every editor rounds to whole pixels; a half-pixel difference is invisible in practice.
Related Tools
