What This Calculator Does
Aspect ratio expresses the relationship of horizontal pixels to vertical pixels. The calculator simplifies your resolution by its greatest common divisor (GCD) and separates the exact reduced ratio from a familiar marketing family name. For example, 2560 × 1080 is 64:27 exactly, although it is commonly sold as an ultrawide 21:9-class format. Pixel totals and megapixels are calculated from your entered dimensions, not measured from a connected screen.
Add an optional target resolution to compare shape precisely and preview three hypothetical scaling choices: fit (bars), cover (crop) and stretch (distortion).
How to Use This Calculator
- Enter the source width and height as positive whole numbers of pixels or choose a preset. Read the exact reduced ratio, approximate common-format name, decimal ratio, pixel count and megapixels.
- For comparison, enter both target width and target height. The calculator checks exact ratio equality using whole-number cross multiplication and displays the pixel-count difference. If you leave the target blank, only source measurements are shown.
- Choose Fit / contain to preserve the complete image and measure unused target area, Fill / cover to calculate cropped source area, or Stretch / fill to estimate shape distortion. Watch the illustrative diagram change.
- Use Swap to reverse source and target, Load Example to see 4:3 content on a 16:9 target, or Clear Target to return to a standalone ratio calculation.
- Use Copy Summary, Copy CSS Aspect-Ratio, or Download JSON to keep your locally calculated results. Reset All restores the original 2560 × 1080 source example.
All calculations run in your browser. The tool does not read your physical monitor size, inspect your graphics driver, or change your game's scaling settings.
How the Calculation Works
For positive integer pixel dimensions, GCD = greatest common divisor(width, height). The reduced ratio is (width ÷ GCD) : (height ÷ GCD). Example: 2560 × 1080 ÷ 40 = 64:27. The decimal ratio is width ÷ height. Exact equality between source Ws × Hs and target Wt × Ht is tested with Ws × Ht = Hs × Wt; a small decimal difference is not rounded into equality.
For fit/contain, the common scale is min(target width/source width, target height/source height); unused target area is 100 × (1 − scaled source area / target area). For cover/crop, use max of the two scales; the cropped source-area fraction is 100 × (1 − visible source area / original source area). For stretch/fill, the horizontal-to-vertical scale ratio is target aspect ratio ÷ source aspect ratio; the reported percentage is its absolute distance from 1. Pixel-count change is 100 × (target pixels ÷ source pixels − 1).
These are mathematical proportions for square-pixel content. Real devices may round fractional pixels and choose their own scaling behaviors.
Common Aspect Ratios Reference
| Common description | Example resolution | Exact reduced ratio |
|---|---|---|
| 4:3 Standard | 1440 × 1080 | 4:3 |
| 16:10 Widescreen | 1920 × 1200 | 8:5 (equivalent to 16:10) |
| 16:9 Widescreen | 1920 × 1080 | 16:9 |
| Ultrawide, marketed ~21:9 | 2560 × 1080 | 64:27 |
| Ultrawide, marketed ~21:9 | 3440 × 1440 | 43:18 |
| Super ultrawide ~32:9 | 5120 × 1440 | 32:9 |
| Portrait | 1080 × 1920 | 9:16 |
Names such as “21:9” often describe a product category rather than an exact pixel ratio. An equivalent ratio can also have a different pair of whole-number terms, such as 8:5 and 16:10.
Why Players Deliberately "Stretch" Resolution
A player might choose a 4:3 game resolution on a 16:9 monitor. If the game or GPU forces that source into the full 16:9 target, shapes become wider. With aspect-preserving fit scaling, the game stays proportionate with side bars; with cover, parts of the source may be cropped. The calculator previews the three theoretical outcomes but cannot identify the actual in-game scaling mode or prove a competitive advantage. GPU and game display settings control what really happens.
Common Mistakes to Avoid
- Assuming a different resolution always changes aspect ratio: 1280 × 720 and 1920 × 1080 are both exactly 16:9.
- Calling every ultrawide panel exactly 21:9: 2560 × 1080 is 64:27, and 3440 × 1440 is 43:18. The display category is only approximate.
- Assuming a mismatch automatically stretches: Fit adds bars, cover crops edges, and forced fill stretches.
- Using fractional pixels or incomplete target dimensions: resolution inputs must be positive whole numbers; both target fields must be entered together.
- Confusing pixel count with performance: GPU workload also depends on effects, render resolution, upscaling and application behavior; this is not an FPS benchmark.
Frequently Asked Questions
Does aspect ratio affect FPS performance?
Aspect ratio itself doesn't directly determine performance - total pixel count does. Two resolutions with different ratios can still render a similar or very different number of pixels depending on their actual width and height.
Is ultrawide better for competitive gaming?
It's genuinely mixed - ultrawide gives more peripheral vision, but some competitive titles disable or cap FOV gains on ultrawide specifically to avoid an unfair advantage, so check the specific game's rules.
Why does my game look stretched at a certain resolution?
This usually means the resolution you selected has a different aspect ratio than your monitor's native ratio, and your GPU or the game is scaling it to fill the screen rather than adding black bars.
Why Content Gets Stretched or Cropped on the Wrong Ratio
A 4:3 photograph, video or game frame does not automatically become a 16:9 image when displayed on a widescreen monitor. If the entire source stays visible, there are unused areas (letterbox or pillarbox bars). If the destination must be fully filled while preserving shape, part of the original is cropped. If each axis is scaled independently, circles become ovals and faces may appear too wide or tall.
Choose the mode in the preview to estimate these trade-offs. Web pages can express the same ideas with CSS object-fit: contain, cover, or fill for suitable replaced content. The exact reduced ratio is also usable as a CSS aspect-ratio declaration. MDN documents these fit modes.
Conclusion
Use the exact reduced aspect ratio to compare image shapes, and use the named format family only as a rough shopping or categorization label. The comparison preview shows why bars, crop and distortion are different outcomes. For pixel density and physical dimensions use our PPI Calculator; for actual browser resolution use the Screen Resolution Detector.