宽高比计算器,免费
计算宽高比并按比例缩放尺寸。
按比例缩放
输入新的宽度或高度;另一维度会自动计算。
常见宽高比
| 比例 | 常见用途 | 分辨率示例 |
|---|---|---|
| 16:9 | 宽屏、YouTube、电视 | 1920x1080, 3840x2160 |
| 4:3 | 传统电视、演示文稿、iPad | 1024x768, 2048x1536 |
| 1:1 | Instagram 帖子、头像 | 1080x1080, 400x400 |
| 9:16 | 抖音、Reels、Stories、竖屏视频 | 1080x1920 |
| 21:9 | 超宽屏显示器、影院 | 2560x1080, 3440x1440 |
| 3:2 | 单反相机、Surface | 1440x960, 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×1080 和 1280×720 都是16:9,因为两者约分后的分数相同。
要化简任意数对,将两个数都除以它们的最大公约数:即能整除宽度和高度的最大整数。以Full HD为例:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
本计算器在每次数字变动时都会执行这个最大公约数约简运算,同时也解决反向问题:给定目标比例和一个已知尺寸,另一个尺寸由 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:1 | 1.000 | 正方形Instagram帖子、个人头像、专辑封面 |
| 4:5 | 0.800 | Instagram竖版动态(互动率最高的格式) |
| 2:3 | 0.667 | Pinterest标准Pin、竖向35mm照片冲印 |
| 3:2 | 1.500 | 全画幅单反相机、35mm底片、微软Surface笔记本 |
| 16:10 | 1.600 | 旧款笔记本、14「/16」 MacBook Pro、多数平板电脑 |
| 16:9 | 1.778 | HDTV、现代显示器、YouTube横屏视频、大多数笔记本 |
| 1.85:1 | 1.850 | 现代「flat」院线格式 |
| 1.91:1 | 1.910 | Open Graph / Facebook / LinkedIn分享卡(1200×630) |
| 2:1 | 2.000 | Univisium,部分流媒体原创内容使用 |
| 21:9 | 2.333* | 超宽屏显示器(*营销标签;实际为64:27 = 2.37:1) |
| 2.39:1 | 2.390 | 现代变形宽银幕(「scope」) |
2026年社交平台尺寸
- Instagram动态:4:5竖版(1080×1350)是当前互动率最优的默认格式,在手机上占据的竖向屏幕空间明显多于1:1正方形。正方形(1080×1080)和1.91:1横版同样被接受。Stories和Reels为9:16(1080×1920)。
- TikTok:原生9:16,尺寸1080×1920。正方形被接受,但在全屏视图中会居中裁切。
- YouTube:16:9横版(1920×1080或3840×2160适用于4K)。YouTube Shorts为9:16,尺寸1080×1920。
- LinkedIn:分享/链接卡片1200×630(1.91:1)。横幅封面1584×396(4:1)。竖版1080×1350(4:5)是动态帖子的推荐格式。
- Pinterest:标准Pin尺寸1000×1500(2:3)。Pinterest帮助中心指出,其他比例可能对覆盖率产生负面影响,高宽比超过约1:2.1的Pin在首页信息流中会被截断。
- Facebook / Open Graph:链接预览1200×630(1.91:1)是新鲜事资讯和Messenger中最大预览图的事实标准。
信箱模式、柱箱模式、窗箱模式
当画面宽高比与显示表面不匹配时,会出现黑边,具体格式取决于哪个维度超出了范围。
- 信箱模式:上下出现黑边。片源比显示器更宽。将2.39:1的电影在16:9电视上播放是典型案例。黑边约占垂直空间的
1 − (1.78 / 2.39) ≈ 25%。 - 柱箱模式:左右出现黑边。片源比显示器更窄。将4:3的情景喜剧在16:9电视上播放是经典案例。
- 窗箱模式:四面均出现黑边。当已经信箱化(或柱箱化)的内容被缩放到另一种比例的画面中时就会出现这种情况。
- 扫描式裁切是一种破坏性替代方案:画面被裁剪以填满屏幕,摄影机在原始画框中「平移」以保持动作居中。这是1980至1990年代将2.35:1电影发行为4:3 VHS的标准做法,因裁切构图而广受批评。
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是影响搜索排名的核心网页指标。
常见错误
- 拉伸代替裁切或信箱处理。对每个轴独立缩放会扭曲面部,将圆形变成椭圆。原则:绝不对宽高使用不同的缩放比例。
- 轻信营销标签。「21:9」显示器实际上是64:27(≈ 2.37:1)。「1366×768」笔记本面板几乎是16:9(1366÷768 = 1.7786 vs 16÷9 = 1.7778),但化简后的比例实际上是683:384,这就是为什么1080p视频有时缩放略有偏差。「4K」根据语境不同,可能是3840×2160(UHD,16:9)或4096×2160(DCI院线,≈ 1.90:1)。
- 重新裁切时不重新居中主体。以正中构图的1:1竖版肖像,重裁为9:16时会失去头部和脚部;9:16竖版重裁为1:1时会失去双手和道具。设计师拍摄时会预留「安全区」(大约居中的80%),确保在每次常见重裁时都能保留主体。
- 将宽高比与像素密度混淆。1920×1080和3840×2160的宽高比相同,但在同一物理屏幕上产生截然不同的清晰度。
- Instagram网格与动态之争。4:5帖子在动态中以全高显示,但在个人资料网格中会被居中裁切为1:1,因此重要内容(面孔、标题、Logo)必须能在正方形裁切中保留。
- 将16:9与黄金比例混淆。黄金比例φ(≈ 1.618)介于3:2(1.5)和16:10(1.6)之间。真正的黄金矩形外观更接近信用卡,而非电视屏幕。
更多问题
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上的每一个工具。