宽高比完整指南：视频、照片与社交媒体尺寸

什么是宽高比？

宽高比是图像、视频或屏幕的宽度与高度之间的比例关系，以冒号分隔的两个数字表示——例如 16

表示每 9 个单位高度对应 16 个单位宽度。

宽高比描述的是形状，而非尺寸。1920×1080 的显示器和 3840×2160 的显示器尺寸相差悬殊，但两者都是 16

的形状。1080×1080 的 Instagram 帖子和 3000×3000 的专辑封面都是 1 的正方形。

你也可以用宽度除以高度，将宽高比表示为一个小数。16

对应 16 ÷ 9 = 1.778，4 对应 4 ÷ 3 = 1.333。小数形式便于快速心算比较：数值越大表示画面越宽（越横向），数值越小表示画面越高（越纵向）。

宽高比在媒体制作中的重要性

选错宽高比会带来以下几类问题：

• 黑边 — 4
  的视频在 16
  的屏幕上播放时，两侧会出现竖向黑边（左右黑边）；16
  的视频在 4
  的画面中播放时，上下会出现横向黑边（上下黑边）。
• 裁剪 — 社交媒体平台会自动裁剪不符合其推荐比例的图片，可能将重要主体切掉。
• 变形 — 在不裁剪的情况下强行将内容填入错误比例，会导致图像拉伸或压缩，使人物看起来异常宽扁或高瘦。
• 互动率下降 — 在 Instagram 和 TikTok 等平台上，填满整个屏幕（使用正确比例）的内容，表现始终优于带有黑边或尴尬裁剪的内容。

理解宽高比，能让你在拍摄、导出和设计时提前规划，使内容在每块屏幕和每个平台上都呈现出最佳效果。

常见宽高比详解

16

— 现代标准

小数值： 1.778 | 常见分辨率： 1280×720、1920×1080、2560×1440、3840×2160

16

是现代世界最主流的宽高比，是以下场景的标准格式：

• 高清电视（HDTV）广播
• YouTube、Vimeo 及大多数流媒体平台
• 电脑显示器（Full HD、QHD、4K UHD）
• 视频游戏主机（PlayStation、Xbox、Nintendo Switch 底座模式）
• 网络摄像头、运动相机及横屏模式下的智能手机后置摄像头

16

于 1990 年代被采纳为 HDTV 国际标准，是现有 4 电视格式与更宽的电影格式之间数学上的折中方案。选用它是因为它能以最少的空间浪费同时显示 4、1.85 和 2.39 的内容。

如今，只要你在制作任何视频内容且不确定选哪种比例，16

几乎永远是最稳妥的默认选项。使用我们的宽高比计算器，可以将任意自定义尺寸转换为 16 的等效尺寸。

4

— 经典格式

小数值： 1.333 | 常见分辨率： 640×480、1024×768、1600×1200、2048×1536

4

（也写作 1.33）是从 1940 年代到 2000 年代初，电视和电脑显示器超过半个世纪的标准宽高比，与早期电影使用的学院比例（1.375）非常接近。

如今 4

在以下几个领域依然适用：

• iPad 显示屏 — 苹果 iPad 采用 4
  屏幕，非常适合阅读、浏览和演示。
• 演示软件 — 传统 PowerPoint/Keynote 幻灯片格式使用 4
  （1024×768），不过 16
  幻灯片正变得越来越普遍。
• 安防摄像头 — 许多闭路电视和 IP 摄像头仍以 4
  输出视频。
• 复古美学 — 电影制作人和内容创作者有时使用 4
  来营造有意为之的年代感或独立电影风格。

21

— 超宽屏与电影格式

小数值： 2.333 | 常见分辨率： 2560×1080、3440×1440、5120×2160

21

是显示器厂商对超宽屏的营销名称。大多数超宽显示器的实际像素比更接近 2.37 或 2.39，但"21"作为便捷简称被广泛使用。

超宽显示器在以下人群中很受欢迎：

• 游戏玩家 — 更宽的视野在第一人称和赛车游戏中具有竞争优势。
• 视频剪辑师 — 额外的横向空间无需缩小即可容纳更长的时间轴。
• 多任务处理者 — 两个文档或应用可以并排显示而不重叠，可替代双显示器配置。

在电影领域，与之密切相关的 2.35

和 2.39 比例（下文详述）是院线电影的标准宽屏格式。

1

— 正方形格式

小数值： 1.0 | 常见分辨率： 1080×1080

正方形格式在 2010 年 Instagram 以纯正方形照片格式上线后获得了广泛普及。尽管 Instagram 现在支持多种比例，1

仍被广泛应用于：

• 社交媒体帖子 — 正方形图片在 Instagram、Facebook 和 Pinterest 的网格布局中整齐排列。
• 头像 — 几乎每个平台都以正方形或圆形裁剪方式显示头像。
• 专辑封面 — 音乐流媒体服务（Spotify、Apple Music）以 1
  正方形显示封面图。
• 电商 — Amazon、Shopify 和 Etsy 上的商品图片通常为正方形，以保持商品目录整洁统一。

3

— 摄影标准

小数值： 1.5 | 常见分辨率： 1080×720、4000×2667、6000×4000

3

是 35mm 胶片以及绝大多数单反和无反相机的原生宽高比。使用佳能、尼康、索尼或富士相机拍摄的照片，原始图像几乎都是 3。

与 3

匹配的标准照片打印尺寸包括：

• 4×6 英寸（最常见的快照打印尺寸）
• 6×9 英寸
• 8×12 英寸
• 20×30 英寸

请注意，常见的 5×7 英寸和 8×10 英寸打印尺寸不符合 3

。以这些尺寸打印需要裁剪原始图像，因此摄影师在构图时应始终考虑最终打印的比例。

9

— 竖向视频

小数值： 0.5625 | 常见分辨率： 1080×1920

9

就是将 16 旋转 90 度——一种专为智能手机竖屏观看设计的全屏竖向格式。以下平台要求或推荐使用该比例：

• TikTok 视频（1080×1920）
• Instagram Stories 和 Reels（1080×1920）
• YouTube Shorts（1080×1920）
• Snapchat 故事和广告
• Facebook Stories（1080×1920）

竖向视频自 2020 年以来呈爆发式增长，目前占全球短视频内容消费的绝大部分。如果你在为移动端优先的平台创作内容，9

应该是你的主要格式。

社交媒体宽高比速查表（2026）

为每个平台选择正确的尺寸，可避免不必要的裁剪、黑边和画质损失。下表汇总了每个主要社交媒体投放类型的推荐宽高比和像素尺寸。

平台	投放位置	宽高比	推荐尺寸（像素）
YouTube	标准视频	16	1920×1080（1080p）或 3840×2160（4K）
YouTube	Shorts	9	1080×1920
Instagram	正方形帖子	1	1080×1080
Instagram	竖向帖子	4	1080×1350
Instagram	横向帖子	1.91	1080×566
Instagram	Stories / Reels	9	1080×1920
TikTok	视频	9	1080×1920
Facebook	信息流图片	1	1080×1080
Facebook	链接预览	1.91	1200×628
Facebook	Stories	9	1080×1920
Twitter / X	帖子图片	16	1200×675
Twitter / X	头部横幅	3	1500×500
LinkedIn	信息流帖子	1	1080×1080
LinkedIn	链接预览	1.91	1200×627
Pinterest	标准图钉	2	1000×1500

多平台内容创作技巧

1. 以 9
   竖屏作为主格式拍摄。 从竖版原始素材裁剪到 1
   、4
   或 16
   比从横版裁剪容易得多。
2. 将关键元素保持居中。 当你的 9
   视频被裁剪成 1
   的信息流帖子时，左右两侧会被切掉。主体居中就能保留在画面中。
3. 使用安全区域。 大多数剪辑工具支持叠加比例参考线。在导出前开启参考线，查看构图在多种比例下的效果。
4. 批量导出。 Adobe Premiere Pro、Final Cut Pro 和 Canva 等工具支持一次性以多种比例导出同一项目。

电影中的宽高比

历史：从 4

学院比例到现代宽屏

最早的电影以约 1.33

（4）的比例拍摄，称为学院比例，因为美国电影艺术与科学学院于 1932 年将其标准化。这一格式一直是主流电影格式，直到 1950 年代，同样采用 4 的电视开始威胁电影产业的观众群体。

为了提供电视无法复制的观影体验，各制片公司相继推出了宽屏格式：

• CinemaScope（1953 年） — 使用变形镜头在标准 35mm 胶片上压缩出 2.35
  的宽幅画面，更宽的画面让观众有身临其境之感。
• VistaVision（1954 年） — 将 35mm 胶片横向穿过摄影机，获得更大的底片面积，产生 1.85
  的画面。
• Cinerama（1952 年） — 使用三台同步摄影机和放映机，在接近 2.89
  的超宽弧形屏幕上呈现影像。

到 1960 年代，行业已确立两种沿用至今的主要宽屏标准。

现代电影宽高比

• 1.85
  （平面宽屏） — 美国非变形镜头院线发行的标准。略宽于 16
  ，适用于喜剧、剧情片和许多动画电影。导演选用 1.85
  是想要宽屏感而不需要极端的横向延伸。
• 2.39
  （变形宽屏） — 现代变形镜头标准，适用于动作片、科幻片、史诗片，以及任何视觉规模是优先考量的影片。《沙丘》《奥本海默》《蝙蝠侠》等均使用 2.39
  （或非常接近的比例）。
• 1.43
  和 1.90
  （IMAX） — IMAX 影片以 1.43
  （全画幅 IMAX 70mm，近乎正方形）或 1.90
  （IMAX 数字，接近 16
  ）拍摄和放映。部分导演（如克里斯托弗·诺兰）会在同一部影片中在 2.39
  和 1.43
  IMAX 之间切换，以产生戏剧性效果。

导演如何通过宽高比讲述故事

宽高比是一种创作选择，而不仅仅是技术决定。更宽的比例（2.39

）能强调横向广阔感、水平运动和史诗规模；更窄的比例（4 或 1.33）则将注意力向内聚拢，营造亲密感或压抑感。近年来有影片在叙事中使用了比例切换：

• 《布达佩斯大饭店》（韦斯·安德森）在 1.37
  、1.85
  和 2.39
  之间切换，以区分三个时间段。
• 《妈咪》（格扎维埃·多兰）使用 1
  的正方形画面，并在一个关键情感时刻物理拓宽画幅。
• 《信条》（克里斯托弗·诺兰）在 2.39
  变形宽屏和 1.43
  IMAX 之间交替，以标示规模与强度的转变。

如何计算宽高比

最大公因数法

求任意分辨率宽高比最可靠的方法是最大公因数（GCD）法：

1. 取像素宽度（W）和像素高度（H）。
2. 计算 W 和 H 的最大公因数。
3. 将 W 和 H 都除以最大公因数。
4. 所得结果即为最简整数形式的宽高比。

公式：

GCD = W 和 H 的最大公因数
宽高比 = (W ÷ GCD) : (H ÷ GCD)

计算示例

示例 1： 求 1920×1080 的宽高比。

• GCD(1920, 1080) = 120
• 1920 ÷ 120 = 16
• 1080 ÷ 120 = 9
• 宽高比：16

示例 2： 求 2560×1600 的宽高比。

• GCD(2560, 1600) = 160
• 2560 ÷ 160 = 16
• 1600 ÷ 160 = 10
• 宽高比：16

示例 3： 求 4000×3000 的宽高比。

• GCD(4000, 3000) = 1000
• 4000 ÷ 1000 = 4
• 3000 ÷ 1000 = 3
• 宽高比：4

不想手动计算？使用我们的宽高比计算器，即可立即求出任意分辨率的宽高比。

无失真缩放

缩放图像或视频时，必须保持原始宽高比，以避免拉伸或压缩变形。计算公式为：

new_height = original_height × (new_width ÷ original_width)

或者，如果已知目标高度：

new_width = original_width × (new_height ÷ original_height)

示例： 将 3840×2160（4K）图像缩放至宽度 1920 像素。

• new_height = 2160 × (1920 ÷ 3840) = 2160 × 0.5 = 1080
• 结果：1920×1080，仍为 16
  。

放大与缩小的画质对比

• 缩小（变小）通常是安全的。软件会对相邻像素取平均值，生成清晰的小图。始终从你拥有的最高质量原始素材进行缩小。
• 放大（变大）会创建原始图像中不存在的像素。传统放大算法（双线性、双三次）会产生模糊效果。AI 放大工具（Topaz Gigapixel、Adobe Super Resolution）效果好得多，但也无法凭空还原真实细节。

最佳实践： 以你所需的最大尺寸进行拍摄或设计，然后为每种交付格式缩小输出。

CSS aspect-ratio 属性

现代 CSS 提供了专用的 aspect-ratio 属性，可以轻松创建具有固定形状的响应式容器：

.video-container {
  aspect-ratio: 16 / 9;
  width: 100%;
  background: #000;
}

这告诉浏览器根据容器宽度自动计算高度，使其始终保持 16

的比例，无论视口大小如何变化，无需使用填充技巧。

常见用法示例

/* 响应式 YouTube 嵌入 */
.youtube-embed {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* 正方形头像容器 */
.avatar {
  aspect-ratio: 1 / 1;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
}

/* Instagram 竖向卡片 */
.insta-card {
  aspect-ratio: 4 / 5;
  width: 100%;
  object-fit: cover;
}

浏览器兼容性

aspect-ratio 属性在所有现代浏览器中均受支持：Chrome 88+、Firefox 89+、Safari 15+ 和 Edge 88+。对于旧版浏览器，可使用传统的底部内边距百分比技巧作为备用方案：

/* 旧版浏览器备用方案 */
.video-container-fallback {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 9/16 = 0.5625 = 56.25% */
}

常见问题

宽高比和分辨率有什么区别？ 分辨率是像素总数（例如 1920×1080 = 2,073,600 像素），宽高比是形状——宽度与高度之间的比例关系。两块显示器可以有相同的宽高比（16

），但分辨率差异悬殊（720p 与 4K）。

YouTube 应该使用什么宽高比？ 标准 YouTube 视频使用 16

（1920×1080 或 3840×2160）。YouTube Shorts 使用 9（1080×1920）。如果上传其他比例，YouTube 会添加黑边以适配播放器。

Instagram 最佳宽高比是什么？ 取决于投放位置。要在信息流中占据最大屏幕空间，使用 4

竖向比例（1080×1350）；Stories 和 Reels 使用 9（1080×1920）；整洁的网格布局使用 1（1080×1080）。

MacBook 屏幕的宽高比是多少？ 大多数 MacBook 机型使用 16

的宽高比。MacBook Pro 14 英寸的分辨率为 3024×1964，由于刘海区域，简化后约为 16.4，但实际可用显示区域有效宽高比为 16。

如何查看显示器的宽高比？ 在显示设置中查看分辨率（例如 2560×1440），然后将两个数字都除以最大公因数。2560×1440 的最大公因数为 320，得到 8

.5，化简为 16。或者使用我们的宽高比计算器即时获取结果。

能在不裁剪的情况下转换宽高比吗？ 不能。如果源比例和目标比例不同，必须选择裁剪（去除边缘内容）、添加黑边填充（上下黑边或左右黑边），或者拉伸/变形图像三者之一。没有无损改变图像形状的方法。

电影中的"变形镜头"是什么意思？ 变形镜头是指在拍摄时通过光学方式将宽幅画面压缩到标准 35mm 胶片上，放映时再还原为宽幅画面（通常为 2.35

或 2.39）的镜头。这种技术产生独特的镜头光斑和浅景深效果，深受许多电影人的青睐。

iPhone 照片的宽高比是多少？ iPhone 默认以 4

拍摄照片（例如 iPhone 15 Pro 拍摄的照片为 4032×3024）。你可以在相机应用设置中切换为 16 或 1，但 4 使用完整传感器面积，可获得最高分辨率。

总结

宽高比是所有视觉媒介的基础——从智能手机屏幕到 IMAX 影院。需要记住的关键比例有：16

（高清视频和显示器）、4

（经典电视和 iPad）、9

（竖向手机视频）、1

（社交媒体正方形）、3

（摄影）和 2.39

（现代电影）。将内容与正确的宽高比匹配，可防止出现黑边、裁剪和变形问题。

要即时计算或转换任意宽高比，试试我们的免费宽高比计算器。输入宽度和高度即可求出比例，或者输入比例和一个尺寸来计算另一个——无需注册。