宽高比计算器,免费

计算宽高比并按比例缩放尺寸。

您的数据不会离开您的设备
x
16:9
16:9

按比例缩放

输入新的宽度或高度;另一维度会自动计算。

x

常见宽高比

比例常见用途分辨率示例
16:9宽屏、YouTube、电视1920x1080, 3840x2160
4:3传统电视、演示文稿、iPad1024x768, 2048x1536
1:1Instagram 帖子、头像1080x1080, 400x400
9:16抖音、Reels、Stories、竖屏视频1080x1920
21:9超宽屏显示器、影院2560x1080, 3440x1440
3:2单反相机、Surface1440x960, 6000x4000

常见问题

什么是宽高比?

宽高比是宽度与高度之间的比例关系。16:9 意味着每 16 个单位的宽度对应 9 个单位的高度,与实际像素大小无关。

为什么宽高比在视频中很重要?

比例错误会导致黑边(上下或左右)或画面拉伸。YouTube 使用 16:9,抖音/Reels 使用 9:16,Instagram 帖子使用 1:1 或 4:5。

比例的数学原理

宽高比是宽度与高度之间的比例关系,写作 W:H 的形式,如 16:9;也可写作单个小数,16 ÷ 9 = 1.777…,通常四舍五入为 1.78:1。两种不同的像素分辨率可以共享相同的比例:1920×10801280×720 都是16:9,因为两者约分后的分数相同。

要化简任意数对,将两个数都除以它们的最大公约数:即能整除宽度和高度的最大整数。以Full HD为例:

本计算器在每次数字变动时都会执行这个最大公约数约简运算,同时也解决反向问题:给定目标比例和一个已知尺寸,另一个尺寸由 new height = (known width × H) ÷ W 得出:因此将宽度1080的图像缩放至16:9时,需要高度 1080 × 9 ÷ 16 = 607.5,通常四舍五入为608。

矩形简史

1891年,为托马斯·爱迪生工作的W.K.L.狄克逊为活动电影放映机选择了4:3画幅,原因是将70mm柯达胶片对半裁切得到35mm,而每帧四个齿孔恰好产生了这一比例。1925年,一次巴黎会议将1.33:1确立为无声电影标准。当光学音轨开始侵占画面区域时,美国电影工程师学会于1932年5月9日将学院比例标准化为1.375:1,此后二十年的每一部院线电影都采用这一格式。

1950年代初,电视正在蚕食电影市场,好莱坞以拓宽画幅作为回应。1953年5月,《原野奇侠》以1.66:1上映。五个月后,20世纪福克斯以CinemaScope格式首映《圣袍千秋》,最初为2.55:1(从光学最大值2.66缩减,以为四条磁性音轨留出空间)。SMPTE于1957年将变形宽银幕的投影光圈固定为2.35:1,并于1970年更新为2.39:1,以使接片痕迹不那么明显。

16:9也并非随意选择。1984年,在SMPTE高清工作组任职的Kerns H. Powers以几何方法推导出这一比例:当面积相等、比例符合所有主流院线与电视标准(4:3、1.85:1、2.35:1)的矩形同心叠放时,它们全部能放入一个1.77:1的外矩形,也全部能覆盖一个1.77:1的内矩形。在数学上,这正是两极端值的几何平均数,√(1.33 × 2.35) ≈ 1.77。ITU-R建议BT.709于1990年将16:9确立为HDTV标准,PC行业也在2009年前后从16:10转向16:9,以便与电视共享面板生产线。

2026年常见比例

比例小数值应用场景
1:11.000正方形Instagram帖子、个人头像、专辑封面
4:50.800Instagram竖版动态(互动率最高的格式)
2:30.667Pinterest标准Pin、竖向35mm照片冲印
3:21.500全画幅单反相机、35mm底片、微软Surface笔记本
16:101.600旧款笔记本、14「/16」 MacBook Pro、多数平板电脑
16:91.778HDTV、现代显示器、YouTube横屏视频、大多数笔记本
1.85:11.850现代「flat」院线格式
1.91:11.910Open Graph / Facebook / LinkedIn分享卡(1200×630)
2:12.000Univisium,部分流媒体原创内容使用
21:92.333*超宽屏显示器(*营销标签;实际为64:27 = 2.37:1)
2.39:12.390现代变形宽银幕(「scope」)

2026年社交平台尺寸

信箱模式、柱箱模式、窗箱模式

当画面宽高比与显示表面不匹配时,会出现黑边,具体格式取决于哪个维度超出了范围。

CSS aspect-ratio 属性

浏览器内置了一个CSS属性,可以在布局中自动完成数学计算。aspect-ratio: 16 / 9; 声明了元素宽高的首选比例。当宽度或高度中至少有一个为 auto 时,浏览器会根据比例调整盒子尺寸;若两者均为显式值,则忽略比例。根据MDN,该属性自2021年9月起已在所有主流引擎中可用,并获得「Baseline Widely available」状态。

在此之前,标准技巧是padding hack(Thierry Koblentz,2009年):将包裹元素的高度设为零,并设置 padding-bottom: 56.25%,即 9 ÷ 16 × 100。百分比padding是根据父元素宽度计算的,因此盒子最终每16个宽度单位对应9个高度单位。现代响应式YouTube嵌入的等效写法只需一行:

<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>

aspect-ratio 属性用在 <img> 标签上时,还能在图像加载前预留布局空间,这是改善累积布局偏移(CLS)最简便的优化之一,而CLS是影响搜索排名的核心网页指标。

常见错误

更多问题

1.91:1与16:9相同吗?

不同。16:9为1.778,而1.91:1为1.910。乍看相似,但1200×630(1.91:1)的Open Graph分享卡比1920×1080的16:9视频帧略宽。混淆两者是社交分享预览被奇怪裁切最常见的原因之一。

UHD 4K与DCI 4K有何区别?

UHD 4K为3840×2160,宽高比为16:9(1.78:1),这是消费级电视和大多数流媒体使用的规格。DCI 4K为4096×2160,宽高比为256:135(≈ 1.90:1),这是RED、ARRI、Blackmagic等专业摄影机所采用的数字院线制作标准。两种格式在水平像素上相差256个,DCI总面积约多出6.7%。

如何找到不同宽高比的等效尺寸?

选定目标比例(如16:9)和一个要固定的尺寸(如宽度1080像素)。另一个尺寸由一次乘法得出:高度 = 1080 × 9 ÷ 16 = 607.5,四舍五入为608。上方的「按新尺寸缩放」面板可自动完成此计算,修改新宽度或新高度后,对应尺寸会实时计算。

16:10为何从显示器上消失了?

个人电脑在大约2003年至2009年间短暂偏爱16:10(1680×1050、1920×1200)。行业在2009至2010年前后转向16:9,因为电视制造商已在为HDTV大批量生产16:9 LCD面板,使显示器采用相同形状即可共享相同的工厂生产线。16:10在高端笔记本上回归(最新款MacBook Pro 14「和16」机型,以及多款Windows笔记本),因为它为代码和文档提供了更多垂直空间。

整个过程都在浏览器中运行吗?

是的。计算器是几行JavaScript代码,在本地计算最大公约数和缩放公式;没有任何内容被发送到服务器,无需账号,且页面缓存后可离线使用。这一原则适用于Absolutool上的每一个工具。

相关工具