使用方法
- 要调整尺寸，请输入比例（例如 16 和 9）或选择常用比例，然后输入宽度或高度，另一边的尺寸会自动计算。
- 要计算比例，请输入图像、屏幕或视频的宽度和高度。
- 查看预览；如果要用于网页布局，可以复制 CSS aspect-ratio 规则。
工作原理
按比例调整尺寸时，按以下公式计算：高度 = 宽度 × 比例中的高 ÷ 比例中的宽（反向计算同理）。像素尺寸通常取整数，因此结果可能会四舍五入；当比例无法整除时，例如宽度为 1000 的 16:9 尺寸，四舍五入后的高度（563）只是接近值，并非完全匹配。
将宽和高同时除以它们的最大公约数，即可约简尺寸比例：1920 和 1080 的最大公约数是 120，因此得到 16:9。有些实际尺寸无法约简为常见比例。1366×768 精确约简为 683:384，与 16:9 非常接近，因此当差异在 2% 以内时，工具也会显示最接近的常见比例。同样，所谓的“21:9”显示器实际比例为 64:27（2560×1080）或 43:18（3440×1440）；21:9 只是营销名称。
在 CSS 中，aspect-ratio: 16 / 9 可以让元素在宽度变化时保持该比例形状，适用于视频嵌入和图片占位符，避免内容加载时页面布局发生偏移。
示例
视频缩略图尺寸
16:9 的缩略图若宽度必须为 1280 像素，高度应为 720 像素。
识别屏幕比例
2560×1600 可约简为 8:5，也就是常见于笔记本电脑的 16:10。
社交媒体竖版裁剪
比例为 4:5、宽度为 1080 时，高度为 1350，这是许多信息流支持的竖版尺寸。
常见问题
16:9 和 1.78:1 一样吗？
是的。16 ÷ 9 ≈ 1.778，因此两者表示相同的形状。电影画幅常用小数表示，例如 2.39:1。
为什么结果中有小数？
并非所有宽度都能按比例整除。像素尺寸可以开启取整；结果会取最接近的整数像素，因此可能与精确比例有微小偏差。
CSS 的 aspect-ratio 属性在所有浏览器中都有效吗？
所有当前主流浏览器都支持此属性。如果元素同时明确设置了宽度和高度，这两个值的优先级高于 aspect-ratio。
隐私
所有计算都在浏览器中进行，不会发送或存储任何数据。