Display Ratio Calculator
Quickly simplify screen dimensions, scale resolutions without distortion, and estimate physical width/height from a diagonal size.
1) Find Aspect Ratio from Width and Height
2) Scale Resolution While Keeping Ratio
3) Get Width & Height from Diagonal and Ratio
What is a display ratio?
A display ratio (also called an aspect ratio) is the relationship between a screen’s width and height. It’s written as two numbers separated by a colon, like 16:9 or 21:9. The numbers are proportional, not absolute—so 1920×1080 and 3840×2160 are both 16:9.
Why display ratio matters
Choosing the right ratio affects how content looks and how much usable space you get. A mismatched ratio can cause black bars, stretching, or cropping. A well-matched ratio gives cleaner visuals and better workflow for your use case.
- Video: Most modern video is optimized for 16:9.
- Gaming: 16:9 is common; ultrawide 21:9 can improve immersion.
- Productivity: 16:10 and 3:2 often feel better for documents and coding.
- Mobile: Tall ratios (e.g., 19.5:9) improve one-handed scrolling.
Common display ratios and use cases
16:9 (Widescreen)
The mainstream standard for TVs, laptops, monitors, and streaming content. Great compatibility almost everywhere.
16:10 (Slightly taller than 16:9)
Popular for productivity-focused laptops and monitors. You get more vertical space, which is helpful for writing, browsing, and coding.
21:9 (Ultrawide)
Excellent for multitasking and cinematic content. Many creators and developers use it like having two windows side by side without a bezel in the middle.
4:3 and 3:2
Older and niche ratios that still appear in tablets, cameras, and specialized workflows. 3:2 is especially nice for reading and editorial tasks.
Aspect ratio vs resolution
People often confuse these terms:
- Aspect ratio: shape of the screen (for example, 16:9).
- Resolution: number of pixels (for example, 1920×1080).
You can have many different resolutions that all share the same aspect ratio. The calculator above helps you confirm both the ratio and equivalent scaled resolutions.
How this calculator helps
Simplify raw dimensions
Enter width and height to reduce them to a clean ratio like 16:9. This is useful when you’re checking unusual monitor specs or exported media dimensions.
Scale without distortion
When resizing an image, video frame, or UI mockup, enter only one target dimension. The tool computes the other dimension automatically while preserving shape.
Convert diagonal size to physical width/height
Given a ratio and diagonal (in inches), the calculator estimates the actual screen width and height. If you also enter PPI, it estimates pixel width and height too.
Practical tips for choosing a display ratio
- Pick 16:9 for maximum compatibility and media friendliness.
- Pick 16:10 if you care more about productivity than pure media fit.
- Pick 21:9 if you prefer side-by-side apps and immersive games.
- Check your software and game support before buying ultrawide.
- Remember: a bigger diagonal does not always mean more vertical workspace.
Quick formula reference
If you like the math, these are the core formulas used in this page:
- Simplified ratio: divide width and height by their greatest common divisor.
- Scale height:
newHeight = newWidth × (originalHeight / originalWidth) - Scale width:
newWidth = newHeight × (originalWidth / originalHeight) - Physical width from diagonal:
W = D × (rw / √(rw² + rh²)) - Physical height from diagonal:
H = D × (rh / √(rw² + rh²))
Final thoughts
A good display ratio choice saves time, reduces visual compromises, and helps your content look right across devices. Use the calculator whenever you compare monitors, prepare video exports, design responsive layouts, or resize graphics with precision.