社交媒体与视频长宽比完全指南
互联网上的每一张图像都藏着一份几何契约:它的长宽比,也就是宽与高的比例关系。搞错了,视频在 YouTube 上会出现黑边,Instagram 帖子会把人脸裁掉一半,给客户的缩略图会被压扁变形。搞对了,同一份原始素材就能干净地流转于十几个平台之间 —— 每个平台都有自己偏好的形状。本指南讲清楚什么是长宽比、背后的数学、主导现代屏幕与信息流的那些比例,以及如何在不损失像素的前提下相互转换。
什么是长宽比?
长宽比是图像宽度与高度之间的比例关系,写成 宽:高 的形式,并把两个数字化简到最小整数。1920 × 1080 像素的全高清视频长宽比为 16:9,意味着每 16 个单位的宽度对应 9 个单位的高度。这个比例与分辨率无关 —— 3840 × 2160 的 4K UHD 信号同样化简为 16:9,1280 × 720 的视频流也是。它们的像素数量与清晰度不同,但形状相同。
数学很简单,但有讲究。要算出长宽比,把两个尺寸都除以它们的最大公约数(GCD)。1920 与 1080 的 GCD 是 120;1920 ÷ 120 = 16,1080 ÷ 120 = 9。screenruler.online/aspect-ratio-calculator 上的长宽比计算器会对你输入的任何数字跑一遍欧几里得 GCD 算法,于是 3840 × 2160 一步变成 16:9,1080 × 1920 变成竖版 9:16,2390 × 1000 变成 2.39:1 影院比例。
最常见的长宽比
下面这八个比例覆盖了你几乎会遇到的全部屏幕、信息流、印刷品和影片,约占 99%:
| 比例 | 小数 | 常见场景 | 说明 |
|---|---|---|---|
| 16:9 | 1.778 | 全高清、4K UHD、YouTube 横版、绝大多数电视和显示器 | 21 世纪广播的默认比例 |
| 4:3 | 1.333 | SDTV、iPad 屏幕、教室投影仪、部分平板 | 从 1940 年代主导到 2000 年代末 |
| 1:1 | 1.000 | Instagram 信息流帖子、头像、专辑封面、店招 | 横竖素材都能比较公平地裁切 |
| 9:16 | 0.563 | TikTok、Instagram Reels、YouTube Shorts、Stories | 手机原生的竖版视频 |
| 21:9 | 2.333 | 带鱼屏游戏显示器、部分院线交付 | 同高度下比 16:9 宽约三分之一 |
| 3:2 | 1.500 | 35mm 单反传感器、无反相机、经典照片冲印 | 数码时代之前的摄影画幅 |
| 2:3 | 0.667 | Pinterest 卡片、竖版海报、竖版杂志排版 | 3:2 的竖版翻转 |
| 2.39:1 | 2.39 | 院线影片、变形宽银幕、高规格电影摄影 | 1970 年代末以来的"Anamorphic"或"Scope" |
还有两个你不会那么常见到的:17:9(部分专业数字电影摄影机使用,比如 RED 系列)和 1.85:1(另一种现代院线标准,比 2.39:1 略窄)。Screen Ruler 计算器内置的八个预设,覆盖大多数团队的全部需求。
各平台长宽比
长宽比的决策曾经属于电影放映师和广播工程师;今天则属于社交媒体运营。下面是 2026 年主流平台所期望的比例:
- YouTube —— 主信息流期望常规视频用 16:9,Shorts 用 9:16。播放器会把竖版内容塞进 16:9 框里加左右黑边,所以以横版形式上传的竖版视频会显得很小。
- TikTok —— 严格要求 9:16 竖版。全屏播放器会对其他比例做激进的裁切或加边。
- Instagram —— 方形信息流帖子用 1:1(最稳妥的通用比例),竖版信息流用 4:5(略高一些,首屏能多分到几行像素),Stories 与 Reels 用 9:16,横版链接预览用 1.91:1。
- Twitter/X —— 信息流视频与链接预览用 16:9。卡片用 2:1 也表现良好。
- LinkedIn —— 分享链接图用 1.91:1(略偏横版),视频帖子用 16:9,方形静态帖子用 1:1。
- Pinterest —— 2:3 是 Pin 的标准比例(1000 × 1500 像素)。1:1 也能用,但在 Pin 互动数据上明显逊于 2:3。
- Facebook —— 视频用 16:9,链接预览卡片用 1.91:1。Stories 用 9:16。
- 院线影片 —— 自 1970 年代末以来,2.39:1 主导着 Hollywood 大片与高规格剧集大结局;1.85:1 是另一种"flat"标准。
一个实战流程:以更高分辨率的母版比例(最低 16:9 横版)拍摄或设计,然后针对每个平台裁切到目标比例。往小裁是无损取景,往大补则只能加黑边或拉伸。
如何根据像素计算长宽比
给定任何宽 × 高,化简过程是机械的:
- 用欧几里得算法求两个数字的最大公约数(GCD)。
- 两个数字都除以这个 GCD。
- 结果就是化简后的比例。
以 3840 × 2160 为例:
gcd(3840, 2160)
= gcd(2160, 3840 mod 2160) = gcd(2160, 1680)
= gcd(1680, 2160 mod 1680) = gcd(1680, 480)
= gcd(480, 1680 mod 480) = gcd(480, 240)
= gcd(240, 480 mod 240) = gcd(240, 0)
= 240
3840 / 240 = 16
2160 / 240 = 9
→ 16:9
对于小数输入(比如 2.39:1 的影院裁切),计算器会先把两个数字都乘以 10000,再跑同一个算法,返回能保留原值四位小数精度的整数比。这个精度足以无误差地表示所有标准影院比例。
已知一个尺寸时如何反推另一个
反向问题 —— 知道比例和其中一个尺寸 —— 更简单。如果目标比例是 ratioW:ratioH 而你只知道宽:
高 = (宽 × ratioH) / ratioW
16:9 下宽为 1920:高 = (1920 × 9) / 16 = 1080。21:9 下宽为 3440:高 = (3440 × 9) / 21 ≈ 1474。如果只知道高,把公式调换即可。计算器的反向模式会自动处理 —— 选一个预设、选你已知的是宽还是高、输入数值,另一个尺寸就出来了。
这是设计师做响应式 hero 图的日常流程:先选定设计比例(桌面 hero 通常是 16:9 或 21:9),然后把每个断点的宽度填进去,得到对应的图片高度。
常见的长宽比错误
生产环境里几乎所有长宽比相关的 bug,都能归到下面这三种失败模式:
黑边(letterbox 与 pillarbox)。 当内容比例和播放器比例不匹配时,播放器要么在上下加横向黑边(letterbox —— 电视上看影院内容时的典型情况),要么在两侧加纵向黑边(pillarbox —— 横版播放器播放手机竖版素材的典型情况)。修复点不在播放器侧,而在导出侧 —— 用目标比例重新输出素材。
强制裁切。 部分平台(Instagram 是最严重的)会对不符合首选比例的素材做静默裁切。一张 16:9 横版照片发到 1:1 的信息流,左右各会被砍掉约 44% 的宽度。修复方法是在导出阶段就主动裁切,由你来决定哪些主体要保留。
像素拉伸 / 压扁。 这是最不可饶恕的错误:把 16:9 的图像硬塞进 4:3 的框里,画面被变形。脸被拉长,圆变成椭圆,文字加宽。现代播放器几乎不会再这么做了,但老旧的 CMS 上传管线偶尔还会犯。如果上传后画面"看起来怪怪的",先怀疑被强制改了比例,再去想是不是压缩瑕疵。
还有第四种值得一提的错误:直接以目标比例上传一份低分辨率素材,而不是从高分辨率母版裁切。 裁切的画质永远好过拉伸的画质。先做 4K 16:9(3840 × 2160)的母版,再裁切到 1080 × 1080 给 Instagram 用;不要原生拍 1080 × 1080 然后试图反向恢复 16:9 母版。
长宽比简史
长宽比的演进始终被显示技术与观看场景推动,主导比例大致每隔一代就会更替一次。
1940 年代–1990 年代 —— 4:3(1.33:1)。 标清电视从 1940 年代早期的广播工程那里继承了 4:3,而广播工程本身又沿用了 1932 年 35mm 电影确立的 1.37:1 "Academy" 画幅。在长达半个世纪里,人们看到的几乎每一块屏幕 —— 电视、电脑显示器、教室投影仪 —— 都是 4:3。
1953 年–1970 年代 —— CinemaScope 与 Panavision。 当电视开始蚕食电影院的观众时,Hollywood 用变形宽银幕反击:先是 2.35:1,再到 1970 年代数字放映规范确立后的 2.39:1。电影院刻意选了一个电视追不上的比例。
1990 年代–2010 年代 —— 16:9(1.78:1)。 1990 年代 HDTV 标准化时挑选 16:9,作为 4:3 广播遗产与电影 2.39:1 之间的折衷。等离子和液晶制造业最终在 16:9 上达成共识,到 2015 年它已经是几乎所有消费级显示设备的默认比例:电视、显示器、笔记本、平板,乃至早期智能手机。
2010 年代至今 —— 9:16 竖版。 手机即相机的时代把数学倒了过来。TikTok、Instagram Stories、YouTube Shorts 与 Reels 全部统一在 9:16 上 —— 单手握持时显得自然,无需旋转就能填满屏幕。到 2022 年,主流平台上的手机端竖版视频时长已全面超过横版视频。
2020 年代 —— 21:9 带鱼屏与 2.39:1 高规格电影。 游戏与生产力推动了 21:9 带鱼屏显示器的普及;与此同时,流媒体时代把高规格剧集(Hollywood 出资的限定剧)推向了电影级 2.39:1 的画幅。结果就是一份原始素材越来越需要从同一份摄影机底片中输出三到四种比例。
下一个拐点尚不清晰。可折叠手机预示着一种未来:长宽比将不再是设备的固定属性,而是随每一刻使用场景动态变化。
如何使用 Screen Ruler 长宽比计算器
screenruler.online/aspect-ratio-calculator 上的计算器有两种模式:
模式 1 —— 根据像素计算比例。 在两个输入框中分别填入宽和高。结果面板会展示化简后的比例(比如 16:9)、最接近的预设名称、对应的小数值,以及"高占宽的百分比"(在 CSS padding-bottom 技巧里很有用)。可视化预览会实时更新,让你一眼看清比例。
模式 2 —— 反推缺失尺寸。 从下拉框里选一个预设 —— 16:9、9:16、21:9 或八个标准里的任何一个 —— 选定你要提供的是宽还是高,输入已知数值,计算器立刻返回对应的另一个尺寸。
还有两个值得了解的细节。第一,页面底部的八个预设按钮是可点击的快捷入口,点一下就把计算器切到反向模式并选中对应预设 —— 当你心里已经有明确目标比例时很方便。第二,URL 会与你的输入实时同步,所以 /aspect-ratio-calculator?w=1920&h=1080 这样的链接就是该配置的永久可分享地址。加书签或贴到 Slack 频道,对方打开看到的结果和你完全一致。
常见问题
16:9 等同于 widescreen 吗? 大致是的。"Widescreen"在历史上泛指任何比 4:3 更宽的画幅,到 2010 年代时事实上的标准就稳定在 16:9。一些较老的文档里"widescreen"指的是 16:10(2000 年代的电脑显示器)—— 这个比例如今还能在少数笔记本屏幕上见到。
实际可见到的最大长宽比是多少? 在商业显示场景中,21:9 带鱼屏和 32:9 超带鱼屏游戏显示器是你能遇到最宽的。院线偶尔会出现 2.76:1("Ultra Panavision",The Hateful Eight 与 Ben-Hur 用过),但极为罕见。
Pinterest 为什么偏好 2:3 而不是 1:1? Pinterest 的网格采用瀑布流式分列布局;越高的 Pin 在每屏滚动里占据越大的视觉面积,而这与互动率呈强相关。Pinterest 自家分析数据始终显示 2:3(1000 × 1500)以可观差距胜过 1:1。
应该总是按照平台首选比例的精确尺寸上传吗? 能做到时,是的 —— 这能避免裁切意外。做不到时(手上只有一份母版却要交付到所有平台),按最接近的更高的比例上传:往窄里裁切比往矮里裁切更不容易切到人脸。
长宽比和分辨率有什么区别? 长宽比是图像的形状(16:9、4:3 等);分辨率是填满这个形状的像素数量。两段视频可以共享同一个长宽比,但分辨率与清晰度差距悬殊 —— 1280 × 720(HD Ready)和 3840 × 2160(4K UHD)都是 16:9,但 4K 版本的像素面积是前者的九倍。当你做裁切时,长宽比与分辨率会同时改变,这也是为什么母版文件应该始终采用最高分辨率搭配可用范围内最宽的比例。
16:10 用在哪里? 16:10(1.6:1)从大约 2003 年到 2012 年是电脑显示器的主导比例,尤其常见于 ThinkPad、MacBook Pro 与 Dell 商务笔记本。它当年的卖点是比 16:9 更高效 —— 多出来的纵向像素正好可以再容纳一行代码或一行文档。Apple 在 2021 年的 Retina MacBook Pro 上恢复了 16:10,Microsoft 也跟进到 Surface 设备。对任何 16:10 素材,建议把它当作非标准比例处理,并在裁切到 16:9(多数平台)与加黑边之间做选择 —— 计算器的反向模式支持手动输入 16:10 比例。
更多答案见工具页上的 长宽比计算器 FAQ,里面覆盖影院标准、GCD 精度与边缘案例。
要做精确的尺寸换算?免费的 Screen Ruler 长宽比计算器 支持全部八个预设、两种模式与可分享 URL —— 无需注册、无广告、完全在你的浏览器里运行。
相关文章
7 款最好用的可打印尺子工具横评
亲手测试 7 款可打印尺子生成器与 PDF,包括 Vendian、Mathatube、Printable-Ruler.net 和 Screen Ruler——从精度、定制能力、纸张格式、校准选项、易用性五个维度对比。
屏幕尺寸计算器的 15 个常见问题
关于屏幕尺寸、长宽比、观看距离和如何使用屏幕尺寸计算器的常见问题——覆盖电视尺寸、投影仪、超宽显示器、手机屏、PPI 等。
可打印尺子的内部原理:技术深度解析
幕后视角,看可打印尺子生成器如何把用户输入变成一份尺寸精确的 PDF——涵盖页面几何、矢量刻度生成、字体大小、PDF 渲染管线,以及那个导致大部分误差的打印缩放环节。