宽高比计算器

示例：手机截图和常见屏幕

宽高比是宽和高各除以最大公约数的结果，小数是宽 ÷ 高，保留四位。几个常见尺寸在工具里的结果：

1080 × 2400 的截图约分后是 9:20，比 9:16 更窄更高：两者的小数分别是 0.4500 和 0.5625。把这样的截图放进 9:16 的竖屏画面，要么裁掉上下，要么在左右留边。2560 × 1600 约分后是 8:5，也就是常说的 16:10。

等比缩放：把截图缩到 720 宽

原始尺寸填 1080 × 2400，在「缩放（保持比例）」的「新宽度」里输入 720，「新高度」会算出：

1600

2400 × 720 ÷ 1080 正好是整数，所以结果没有误差。换成 1920 × 1080、新宽度 1000，精确值是 562.5，工具四舍五入为 563，与原比例差半个像素：

563

需要严格保持比例时，选能整除的宽度，例如 16:9 用 16 的倍数。

先写宽还是先写高：16:9 与 9:16

宽高比按「宽:高」书写，顺序反了就是另一种形状。工具里输入宽 1280、高 720 得到横屏的 16:9，输入宽 720、高 1280 得到竖屏的 9:16，小数一个大于 1，一个小于 1：

• 1280 × 720：16:9，1.7778
• 720 × 1280：9:16，0.5625

看到「16:9 竖版」一类说法时，先确认对方说的是宽和高各是多少像素，再用工具核对。

带小数的尺寸

尺寸可以带小数，但约分只按整数做，所以带小数时比例里会保留小数。输入 33.867 × 19.05，小数与 16:9 相同，宽高比却不会显示为 16:9：

33.867:19.05，1.7778

遇到这种情况，用小数和预设比较：小数与预设相同，说明它与 16:9 的差别在四位小数以下（33.867 × 19.05 本身并不严格等于 16:9）。

常见宽高比

预设按钮把比例的两个数各乘以 120 填进宽高，例如 21:9 填入 2520 × 1080，约分后显示 7:3。

宽高比在网页设计中的应用

响应式布局、视频嵌入和图片裁剪都要按宽高比算尺寸。CSS 的 aspect-ratio 属性用分数形式写同样的两个数，例如 aspect-ratio: 16 / 9（MDN）。

限制

• 宽度和高度必须是正数。留空、填 0 或负数时，宽高比和小数显示「—」，没有错误提示。
• 约分只按整数做，带小数的尺寸会保留小数（见上文 33.867 × 19.05 的例子）。
• 缩放和锁定比例把算出的一边四舍五入为整数像素，结果与精确比例最多差半个像素。
• 预览是最大 300 × 200 像素的方框，每边至少 20 像素，极宽或极窄的比例只是近似形状。
• 工具只计算数字，不打开、裁剪或缩放图片和视频文件。