画面比例·分辨率计算器

画面比例是怎么算出来的

画面比例描述的是形状而不是大小:把宽和高除以它们的最大公约数(GCD),得到最简整数比。1920×1080 的最大公约数是 120, 1920÷120=16,1080÷120=9,所以是 16:9。1280×720 和 3840×2160 同样是 16:9,区别只在像素数量。本工具会给出最简比例、总像素数、百万像素、宽÷高的小数值以及最接近的标准比例;填入新的宽度或高度后,还会算出保持比例的另一边。

等比缩放公式

原尺寸为 W×H,新宽度为 W′ 时,新高度 H′ = W′ × H ÷ W;若先确定新高度 H′,则 W′ = H′ × W ÷ H。例如把 1920×1080 缩到宽 1280,高度为 1280 × 1080 ÷ 1920 = 720。结果不是整数时需要四舍五入,比例会产生不到一个像素的细微偏差。像 1366×768 这样并非精确 16:9 的分辨率,约分后是 683:384(小数值约 1.7786,而 16:9 约为 1.7778),这不是计算错误,而是输入值的真实比例。

常见分辨率的比例与百万像素

下表数值均在构建页面时按上述公式计算得出。

类别	分辨率	最简比例	宽÷高	百万像素
HD(720p)	1280×720	16:9	1.7778	0.92
全高清 FHD(1080p)	1920×1080	16:9	1.7778	2.07
QHD(2K/1440p)	2560×1440	16:9	1.7778	3.69
4K UHD	3840×2160	16:9	1.7778	8.29
XGA	1024×768	4:3	1.3333	0.79
SXGA	1280×1024	5:4	1.2500	1.31
笔记本 1366×768	1366×768	683:384	1.7786	1.05
带鱼屏 WQHD	3440×1440	43:18	2.3889	4.95
带鱼屏 UWFHD	2560×1080	64:27	2.3704	2.76
社交平台方形图	1080×1080	1:1	1.0000	1.17
竖屏短视频	1080×1920	9:16	0.5625	2.07
4:5 竖版信息流	1080×1350	4:5	0.8000	1.46

3440×1440 常被称为“21:9”,实际最简比例是 43:18(约 2.39:1);2560×1080 则是 64:27。产品名称里的 21:9 只是大致说法,表示接近电影画幅。

不同比例下,宽度对应的高度

比例	宽 640px 时的高度	宽 1280px 时的高度	宽 1920px 时的高度
16:9	360px	720px	1080px
4:3	480px	960px	1440px
1:1	640px	1280px	1920px
9:16	1137.8px	2275.6px	3413.3px
21:9	274.3px	548.6px	822.9px
3:2	426.7px	853.3px	1280px

带小数的数值在实际制作中要取整,可能出现不到 1 像素的误差。

常用比例及用途

16:9:电视、大多数显示器和横屏视频的标准比例。
4:3:早期显像管电视和显示器,部分平板与相机传感器仍在使用。
3:2:35mm 胶片和许多数码相机传感器的画幅,部分笔记本屏幕也采用。
1:1:头像和社交平台的方形图片。
4:5 与 9:16:竖版画面,更能占满手机屏幕,常用于信息流和短视频。
21:9 一类:带鱼屏显示器和宽银幕风格视频。

已核对的计算示例

示例 1:手机照片。4032×3024 的最大公约数是 1008,比例为 4:3,总像素 12,192,768,约 12.19 MP。若按满宽裁成 16:9,高度为 4032 × 9 ÷ 16 = 2268,需要从上下共裁掉 3024−2268=756 像素。

示例 2:缩小视频。1920×1080 缩到宽 1280,高度为 720,总像素 921,600,约为原来 2,073,600 的 44.4%。边长各缩到 2/3,面积就变成 4/9,信息量减少得比看起来更多。

示例 3:方图改 4:5。要把 1080×1080 的图片改成 4:5 并保持高度 1080,宽度应为 1080 × 4 ÷ 5 = 864,即左右共裁掉 216 像素; 若想保持宽度 1080,高度需要 1350,而方形原图并没有这些像素,只能额外补充背景。

常见误区与局限

把英寸和比例混为一谈:同为 16:9,24 英寸与 32 英寸的实际尺寸和像素密度并不相同。
以为比例相同画质就相同:1280×720 与 3840×2160 都是 16:9,但像素数相差 9 倍。
拉伸来凑比例:宽高用不同倍数缩放会使画面变形。比例不同时应裁剪或加黑边。
宽高顺序颠倒:1080×1920 是 9:16,1920×1080 是 16:9。
非方形像素的旧视频格式,存储分辨率与显示形状可能不同,本工具假设像素为正方形。
百万像素只是宽×高再除以 100 万,与相机标注的有效像素在取整方式上可能不同。

如何使用计算结果

先对比目标平台要求的比例:相同就只需缩放,不同就要决定裁掉哪些部分。网页中给图片同时设置宽和高,或用 CSS 的 aspect-ratio 填入最简比例, 能减少加载时页面的跳动。需要打印的图片,除了比例还要考虑所需分辨率(dpi)。各平台的推荐尺寸会不定期调整,导出前请查看其官方说明。

常见问题

百万像素是什么意思?

即总像素数除以 1,000,000。1920×1080 共有 2,073,600 个像素,约 2.07 百万像素。

为什么会得到 683:384 这样复杂的比例?

因为工具显示的是输入数值的精确比例。1366×768 只是接近 16:9,约分后无法得到简单整数比。“最接近的标准比例”会告诉你偏差有多大。

16:9 的视频如何放进 4:3 的屏幕?

可以加上下黑边完整显示(信箱模式),也可以裁掉左右铺满屏幕。把 1920×1080 按原高度裁成 4:3,宽度只剩 1440,损失 480 像素。

同时填写新宽度和新高度会怎样?

以新宽度为准,高度由它算出。想由高度求宽度,请清空新宽度一栏。

上传视频用什么比例好?

横屏视频一般用 16:9,竖屏短视频用 9:16,比例不同通常会出现黑边。各平台建议会变化,导出前请查阅官方帮助。