16:10 Aspect Ratio Calculator

A 16:10 frame is sixteen units wide for every ten units tall, a decimal value of 1.6. Placed beside a 16:9 frame of the same width, it is roughly 11% taller.

The ratio was common on laptops before 16:9 took over, and it has been quietly returning because the extra vertical space matters for real work. A spreadsheet shows a few more rows, a code editor shows a few more lines, and a video editor shows a taller timeline. The trade-off is that 16:10 content does not fill a 16:9 television evenly, leaving a thin letterbox bar at the top and bottom.

Because 16:10 shares its width factor with 16:9, converting between the two is simply a matter of changing the height multiplier from 9 to 10.

1. Divide the width by 16.
2. Multiply the result by 10 to get the matching height.
3. Round to a whole pixel and confirm the result is a resolution your display supports.

Worked example

At 1920 pixels wide: 1920 ÷ 16 = 120, and 120 × 10 = 1200, giving the classic 1920 × 1200 monitor. At 2560 wide: 2560 ÷ 16 = 160, and 160 × 10 = 1600, which is the MacBook Pro panel size. Compare that with 16:9, where the same 2560-pixel width gives 2560 × 1440 — the 16:10 frame is 160 pixels taller.

16:10 (1.6) and 16:9 (1.778) are numerically close enough to blur together in conversation, but the visual difference is real — a 16:10 frame is noticeably taller. Assuming every modern "widescreen laptop" is 16:9 is a common error, since many productivity-focused laptops and older MacBook models use 16:10 specifically because the extra vertical space suits documents and code better than a wider, shorter frame.

For a 16:10 frame at 1280 pixels wide: 1280 ÷ 16 = 80, then 80 × 10 = 800. That gives 1280 × 800 — WXGA, the resolution used by many 16:10 business laptops, and 80 pixels taller than the 1280 × 720 frame that 16:9 would produce at the same width.

Type your own numbers into the 16:10 calculator above and it will show the same division, plus the reduced ratio and the CSS to copy.

• MacBook and MacBook Pro built-in displays, which use 16:10.
• Business laptops where vertical workspace matters more than widescreen media.
• 1920 × 1200 and 2560 × 1600 productivity monitors for spreadsheets and code.
• Presentations that will be read as documents rather than projected.
• Tablet landscape layouts that need slightly more vertical room than 16:9.
• Screenshots of documents and web pages, which look less cramped than at 16:9.

16:10 sits between 3:2 and 16:9 in shape. The 3:2 calculator covers the camera-native ratio, the 16:9 calculator covers standard video and television, and the 21:9 calculator covers the wider ultrawide monitor ratio.

• 16:9
• 9:16
• 4:3
• 1:1
• 21:9
• 3:2
• 4:5
• 2:3
• 2.39:1

This 16:10 guide is one of ten ratio calculators on the site — the common aspect ratios table lists the decimal value and the typical uses for every one of them.

Both ratios scale from the same width, so the difference is purely the height multiplier. At 1920 pixels wide, 16:9 gives 1920 x 1080 while 16:10 gives 1920 x 1200 — the 16:10 frame is 120 pixels taller, which is exactly one-ninth more height (+11.1%) than the 16:9 frame.

The same gap holds at every width. At 1280 wide the pair is 1280 x 800 against 1280 x 720; at 2560 it is 2560 x 1600 against 2560 x 1440; at 3840 it is 3840 x 2400 against 3840 x 2160. That extra vertical room is why spreadsheets, code editors and document readers feel less cramped on a 16:10 laptop or monitor.

Apple's own tech specs show the effect on real hardware. The 13-inch MacBook Air (M4, 2025) lists a native resolution of 2560 x 1664, which reduces to 20:13 — slightly taller than 16:10. Once the menu bar and notch area is set aside, the usable 16:10 workspace is 2560 x 1600, exactly 16:10. The 14-inch MacBook Pro (M4, 2024) lists 3024 x 1964, a ratio of about 1.54:1. Source: Apple Support tech specs for each model.

Add a free, live aspect ratio calculator to any page in one line of code - no account, no API key, no ads. Every embed credits the tool with a Powered by AspectCalc link, so your readers always know where it came from. See the full embedding guide for height and styling options.

<div class="aspectcalc-embed" style="max-width:100%">
  <iframe id="aspectcalc-frame" src="https://aspectcalc.com/embed?h=640"
          width="100%" height="700" style="border:0;border-radius:12px"
          loading="lazy" title="AspectCalc aspect ratio calculator"></iframe>
  <p style="margin:8px 0 0;font:13px/1.4 system-ui,sans-serif;color:#64748b;text-align:center">Powered by <a href="https://aspectcalc.com/" style="color:#2563eb;text-decoration:none">AspectCalc</a> - free aspect ratio calculator</p>
</div>
<script>
  // Optional: grow the frame to the widget's real height.
  // Delete this whole block to keep a fixed-height frame instead.
  addEventListener('message', function (e) {
    if (e.origin !== 'https://aspectcalc.com') return;
    if (!e.data || e.data.type !== 'aspectcalc-height') return;
    var f = document.getElementById('aspectcalc-frame');
    if (f) f.style.height = e.data.height + 'px';
  });
</script>

The frame starts at a fixed height, so your layout never jumps. Resize it with ?h= - for example https://aspectcalc.com/embed?h=520 - or keep the small script in the snippet and the frame will follow the widget's real height instead.