显示分辨率标准对照详解

显示分辨率标准对照详解

显示设备与视频里的「分辨率」常被说成一个宽×高数字,实际还缠着 存储宽高比(SAR) 、像素宽高比(PAR) 、显示宽高比(DAR) ,以及 消费级 UHD 与 影院 DCI 两套命名。下文先给出可查阅的对照大表,再拆开比例、命名与手机常见规格。

经典信息图一脉多来自早期计算机图形社区整理的分辨率对照表(如 Cornell 相关网页一系),其后在百科与设计素材中大量重绘;下列数据以行业通行规格为准整理,便于工程查阅。


目录

  1. 总览:怎么读一张分辨率
  2. [PC / 显示器 / 电视主表](#PC / 显示器 / 电视主表)
  3. 手机与移动设备常见分辨率
  4. SAR、PAR、DAR:方形像素与非方形像素
  5. [UHD 与 DCI:都叫「4K」却不是同一个](#UHD 与 DCI:都叫「4K」却不是同一个)
  6. 命名为什么这么乱
  7. [动态分辨率与 VRR 时代的避坑](#动态分辨率与 VRR 时代的避坑)
  8. 选型速查
  9. 延伸阅读

1. 总览:怎么读一张分辨率

符号 含义
宽 × 高 水平、垂直采样点数(存储分辨率)
SAR Storage Aspect Ratio ≈ 宽/高(仅算像素个数)
PAR Pixel Aspect Ratio,单个像素的宽高比;正方形像素时为 1:1
DAR Display Aspect Ratio,观众看到的画面比例;DAR ≈ SAR × PAR

#mermaid-svg-kPEVMjmT66jGZhi2{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-kPEVMjmT66jGZhi2 .error-icon{fill:#552222;}#mermaid-svg-kPEVMjmT66jGZhi2 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-kPEVMjmT66jGZhi2 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-kPEVMjmT66jGZhi2 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-kPEVMjmT66jGZhi2 .marker.cross{stroke:#333333;}#mermaid-svg-kPEVMjmT66jGZhi2 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-kPEVMjmT66jGZhi2 p{margin:0;}#mermaid-svg-kPEVMjmT66jGZhi2 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster-label text{fill:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster-label span{color:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster-label span p{background-color:transparent;}#mermaid-svg-kPEVMjmT66jGZhi2 .label text,#mermaid-svg-kPEVMjmT66jGZhi2 span{fill:#333;color:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 .node rect,#mermaid-svg-kPEVMjmT66jGZhi2 .node circle,#mermaid-svg-kPEVMjmT66jGZhi2 .node ellipse,#mermaid-svg-kPEVMjmT66jGZhi2 .node polygon,#mermaid-svg-kPEVMjmT66jGZhi2 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-kPEVMjmT66jGZhi2 .rough-node .label text,#mermaid-svg-kPEVMjmT66jGZhi2 .node .label text,#mermaid-svg-kPEVMjmT66jGZhi2 .image-shape .label,#mermaid-svg-kPEVMjmT66jGZhi2 .icon-shape .label{text-anchor:middle;}#mermaid-svg-kPEVMjmT66jGZhi2 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-kPEVMjmT66jGZhi2 .rough-node .label,#mermaid-svg-kPEVMjmT66jGZhi2 .node .label,#mermaid-svg-kPEVMjmT66jGZhi2 .image-shape .label,#mermaid-svg-kPEVMjmT66jGZhi2 .icon-shape .label{text-align:center;}#mermaid-svg-kPEVMjmT66jGZhi2 .node.clickable{cursor:pointer;}#mermaid-svg-kPEVMjmT66jGZhi2 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-kPEVMjmT66jGZhi2 .arrowheadPath{fill:#333333;}#mermaid-svg-kPEVMjmT66jGZhi2 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-kPEVMjmT66jGZhi2 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-kPEVMjmT66jGZhi2 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-kPEVMjmT66jGZhi2 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-kPEVMjmT66jGZhi2 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-kPEVMjmT66jGZhi2 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster text{fill:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 .cluster span{color:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-kPEVMjmT66jGZhi2 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-kPEVMjmT66jGZhi2 rect.text{fill:none;stroke-width:0;}#mermaid-svg-kPEVMjmT66jGZhi2 .icon-shape,#mermaid-svg-kPEVMjmT66jGZhi2 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-kPEVMjmT66jGZhi2 .icon-shape p,#mermaid-svg-kPEVMjmT66jGZhi2 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-kPEVMjmT66jGZhi2 .icon-shape .label rect,#mermaid-svg-kPEVMjmT66jGZhi2 .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-kPEVMjmT66jGZhi2 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-kPEVMjmT66jGZhi2 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-kPEVMjmT66jGZhi2 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} SAR 像素个数比
DAR 观感比例
PAR 像素形状

现代 PC、手机、多数互联网视频默认 PAR = 1:1(方形像素) 。模拟电视时代与部分广播链路里,常用 非方形像素,所以「存盘是 720×576,看起来却是 4:3」并不矛盾。

1.1 16:9 主线的「分辨率金字塔」(直觉)

只看消费侧最常见的一条 16:9 阶梯时,可以记成:

text 复制代码
                    8K UHD  7680×4320  (~33M)   专业 / 旗舰影音
                       │
                    4K UHD  3840×2160  (~8.3M)  电视 / 显示器旗舰
                       │
                     QHD    2560×1440  (~3.7M)  电竞 / 设计主力
                       │
                     FHD    1920×1080  (~2.1M)  普及基准
                       │
                      HD    1280×720   (~0.9M)  入门

每一级相对上一级,在方形像素、同比例下边长约 ×2、像素约 ×4(HD→FHD→UHD 这条线尤其整齐)。超宽、16:10、DCI、手机全面屏不在这座「塔」上,见后文分表。


2. PC / 显示器 / 电视主表

总像素为约数(宽×高)。纵横比以 常见显示用途 为准(方形像素假设下);广播/影院特例见后文。

2.1 早期与 4:3 时代

标准名称 分辨率 常见纵横比 总像素约 说明与用途
CGA 320×200 显示常按 4:3(历史上 PAR≠1) 6.4 万 IBM Color Graphics Adapter;早期 DOS 彩色图形
QVGA 320×240 4:3 7.7 万 Quarter VGA;早期手机、PDA、摄像头
CIF 352×288 存储约 11:9;显示常对齐 4:3 10.1 万 Common Intermediate Format;视频会议 / VCD 相关
SIF 352×240 或 352×288 等 视制式 --- MPEG-1 标清相关;常与 CIF 并列提及
HVGA 480×320 3:2 15.4 万 Half VGA;早期智能手机
VGA 640×480 4:3 30.7 万 Video Graphics Array;PC 经典基准,工业设备仍见
SVGA 800×600 4:3 48.0 万 Super VGA;Win95/98 主流
XGA 1024×768 4:3 78.6 万 Extended Graphics Array;2000 年前 PC 黄金点
XGA+ 1152×864 4:3 99.3 万 XGA 增强
SXGA 1280×1024 5:4 131 万 Super XGA;办公/监控常见(不是 4:3)
SXGA+ 1400×1050 4:3 147 万 商务本、部分专业屏
UXGA 1600×1200 4:3 192 万 Ultra XGA;工作站、医疗影像
QXGA 2048×1536 4:3 315 万 Quad XGA
QSXGA 2560×2048 5:4 524 万 极高像素密度专业场景

2.2 宽屏过渡与高清

标准名称 分辨率 常见纵横比 总像素约 说明与用途
WVGA 800×480 ~15:9 / 5:3 38.4 万 Wide VGA;早期便携、车机
FWVGA 854×480 ~16:9 41.0 万 标清宽屏网络视频常见
WXGA 1280×800 16:10 102 万 笔记本经典;亦有 1280×768 等变体
WXGA(笔记本俗称) 1366×768 ~16:9 105 万 入门本极常见;命名常仍叫 WXGA,易混淆
HD / 720p 1280×720 16:9 92.2 万 HDTV 入门
WXGA+ 1440×900 16:10 130 万 早期 MacBook 等
HD+ 1600×900 16:9 144 万 720p→1080p 过渡本
WSXGA+ 1680×1050 16:10 176 万 20--22″ 桌面常见
WUXGA 1920×1200 16:10 230 万 专业宽屏、部分生产力本
FHD / 1080p 1920×1080 16:9 207 万 最普及的显示器 / 电视 / 主机目标之一

2.3 QHD、超宽与 4K

标准名称 分辨率 常见纵横比 总像素约 说明与用途
DCI 2K 2048×1080 ~1.90:1(≈17:9) 221 万 数字影院 2K;≠ 消费「2K」口语
WQHD / QHD / 1440p 2560×1440 16:9 369 万 电竞与设计显示器主力
WQXGA 2560×1600 16:10 410 万 生产力屏、部分笔记本
UWHD 2560×1080 21:9 277 万 超宽入门
UWQHD 3440×1440 21:9 495 万 主流「带鱼屏」
DFHD 等 3840×1080 32:9 415 万 双 FHD 超超宽
UHD-1 / 4K UHD 3840×2160 16:9 829 万 消费电视 / 显示器「4K」主规格
DCI 4K 4096×2160 ~1.90:1 885 万 影院发行主规格之一
5K(苹果等) 5120×2880 16:9 1475 万 部分一体机 / 专业屏
8K UHD-2 7680×4320 16:9 3318 万 UHDTV 下一档

#mermaid-svg-N1ScTv9RaRsz5ef8{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-N1ScTv9RaRsz5ef8 .error-icon{fill:#552222;}#mermaid-svg-N1ScTv9RaRsz5ef8 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-N1ScTv9RaRsz5ef8 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .marker.cross{stroke:#333333;}#mermaid-svg-N1ScTv9RaRsz5ef8 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-N1ScTv9RaRsz5ef8 p{margin:0;}#mermaid-svg-N1ScTv9RaRsz5ef8 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster-label text{fill:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster-label span{color:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster-label span p{background-color:transparent;}#mermaid-svg-N1ScTv9RaRsz5ef8 .label text,#mermaid-svg-N1ScTv9RaRsz5ef8 span{fill:#333;color:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .node rect,#mermaid-svg-N1ScTv9RaRsz5ef8 .node circle,#mermaid-svg-N1ScTv9RaRsz5ef8 .node ellipse,#mermaid-svg-N1ScTv9RaRsz5ef8 .node polygon,#mermaid-svg-N1ScTv9RaRsz5ef8 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .rough-node .label text,#mermaid-svg-N1ScTv9RaRsz5ef8 .node .label text,#mermaid-svg-N1ScTv9RaRsz5ef8 .image-shape .label,#mermaid-svg-N1ScTv9RaRsz5ef8 .icon-shape .label{text-anchor:middle;}#mermaid-svg-N1ScTv9RaRsz5ef8 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .rough-node .label,#mermaid-svg-N1ScTv9RaRsz5ef8 .node .label,#mermaid-svg-N1ScTv9RaRsz5ef8 .image-shape .label,#mermaid-svg-N1ScTv9RaRsz5ef8 .icon-shape .label{text-align:center;}#mermaid-svg-N1ScTv9RaRsz5ef8 .node.clickable{cursor:pointer;}#mermaid-svg-N1ScTv9RaRsz5ef8 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .arrowheadPath{fill:#333333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-N1ScTv9RaRsz5ef8 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-N1ScTv9RaRsz5ef8 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-N1ScTv9RaRsz5ef8 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster text{fill:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 .cluster span{color:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-N1ScTv9RaRsz5ef8 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-N1ScTv9RaRsz5ef8 rect.text{fill:none;stroke-width:0;}#mermaid-svg-N1ScTv9RaRsz5ef8 .icon-shape,#mermaid-svg-N1ScTv9RaRsz5ef8 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-N1ScTv9RaRsz5ef8 .icon-shape p,#mermaid-svg-N1ScTv9RaRsz5ef8 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-N1ScTv9RaRsz5ef8 .icon-shape .label rect,#mermaid-svg-N1ScTv9RaRsz5ef8 .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-N1ScTv9RaRsz5ef8 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-N1ScTv9RaRsz5ef8 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-N1ScTv9RaRsz5ef8 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 21:9 超宽
2560×1080
3440×1440
16:10 生产力
1280×800
1920×1200
2560×1600
16:9 主线
720p
1080p
1440p
3840×2160
偏 4:3 / 5:4
VGA 640×480
XGA 1024×768
SXGA 1280×1024

像素数量直觉 :同为 16:9 时,4K UHD(3840×2160)像素数约为 FHD(1920×1080)的 4 倍(边长各 ×2)。


3. 手机与移动设备常见分辨率

手机营销常报「多少 p / 多少 K」或仅报屏幕物理尺寸 + PPI;工程上更关心 逻辑分辨率(CSS/dp) 与 物理像素 。下表侧重 物理像素规格 的常见档位(同档机型会有变体)。

档位 / 俗称 常见物理分辨率示例 纵横比倾向 备注
HVGA 480×320 3:2 早期智能机
FWVGA / qHD 960×540、540×960 16:9 入门机过渡期
720p 级 1280×720、1280×720+ 16:9 「高清」入门屏
1080p 级 1920×1080、2340×1080 等 16:9 → 19.5:9 等 全面屏后高度增加、宽度仍常按 1080 档
1440p 级 2560×1440、3120×1440 等 16:9 → 20:9+ 旗舰「2K 屏」口语
超宽条形 如 3840×1644、3200×1440 ~21:9 少数影院级长条屏手机

3.1 折叠屏:一机两套(甚至多套)分辨率

折叠屏不是「多几个像素」那么简单,而是 折叠态 / 展开态 两套显示几何,比例可从「长条手机」跳到「近平板」:

形态 比例直觉 分辨率量级(示例,机型各异) 工程含义
折叠态(封面屏) ~20:9 常规直板 如 2208×1080、2316×904 等 按普通全面屏适配即可
展开态(内屏) 近 4:3 / 1:1,甚至更方 如 2208×1768、2176×1812、2712×1812 等 双栏布局、大触控目标;写死 16:9 易黑边或拉伸
外折等变体 展开后仍偏长条或特殊比 以具体机型为准 不要假设「展开=平板」

#mermaid-svg-924C1axiu09cfm7q{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-924C1axiu09cfm7q .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-924C1axiu09cfm7q .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-924C1axiu09cfm7q .error-icon{fill:#552222;}#mermaid-svg-924C1axiu09cfm7q .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-924C1axiu09cfm7q .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-924C1axiu09cfm7q .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-924C1axiu09cfm7q .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-924C1axiu09cfm7q .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-924C1axiu09cfm7q .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-924C1axiu09cfm7q .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-924C1axiu09cfm7q .marker{fill:#333333;stroke:#333333;}#mermaid-svg-924C1axiu09cfm7q .marker.cross{stroke:#333333;}#mermaid-svg-924C1axiu09cfm7q svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-924C1axiu09cfm7q p{margin:0;}#mermaid-svg-924C1axiu09cfm7q .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-924C1axiu09cfm7q .cluster-label text{fill:#333;}#mermaid-svg-924C1axiu09cfm7q .cluster-label span{color:#333;}#mermaid-svg-924C1axiu09cfm7q .cluster-label span p{background-color:transparent;}#mermaid-svg-924C1axiu09cfm7q .label text,#mermaid-svg-924C1axiu09cfm7q span{fill:#333;color:#333;}#mermaid-svg-924C1axiu09cfm7q .node rect,#mermaid-svg-924C1axiu09cfm7q .node circle,#mermaid-svg-924C1axiu09cfm7q .node ellipse,#mermaid-svg-924C1axiu09cfm7q .node polygon,#mermaid-svg-924C1axiu09cfm7q .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-924C1axiu09cfm7q .rough-node .label text,#mermaid-svg-924C1axiu09cfm7q .node .label text,#mermaid-svg-924C1axiu09cfm7q .image-shape .label,#mermaid-svg-924C1axiu09cfm7q .icon-shape .label{text-anchor:middle;}#mermaid-svg-924C1axiu09cfm7q .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-924C1axiu09cfm7q .rough-node .label,#mermaid-svg-924C1axiu09cfm7q .node .label,#mermaid-svg-924C1axiu09cfm7q .image-shape .label,#mermaid-svg-924C1axiu09cfm7q .icon-shape .label{text-align:center;}#mermaid-svg-924C1axiu09cfm7q .node.clickable{cursor:pointer;}#mermaid-svg-924C1axiu09cfm7q .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-924C1axiu09cfm7q .arrowheadPath{fill:#333333;}#mermaid-svg-924C1axiu09cfm7q .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-924C1axiu09cfm7q .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-924C1axiu09cfm7q .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-924C1axiu09cfm7q .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-924C1axiu09cfm7q .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-924C1axiu09cfm7q .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-924C1axiu09cfm7q .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-924C1axiu09cfm7q .cluster text{fill:#333;}#mermaid-svg-924C1axiu09cfm7q .cluster span{color:#333;}#mermaid-svg-924C1axiu09cfm7q div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-924C1axiu09cfm7q .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-924C1axiu09cfm7q rect.text{fill:none;stroke-width:0;}#mermaid-svg-924C1axiu09cfm7q .icon-shape,#mermaid-svg-924C1axiu09cfm7q .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-924C1axiu09cfm7q .icon-shape p,#mermaid-svg-924C1axiu09cfm7q .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-924C1axiu09cfm7q .icon-shape .label rect,#mermaid-svg-924C1axiu09cfm7q .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-924C1axiu09cfm7q .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-924C1axiu09cfm7q .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-924C1axiu09cfm7q :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 展开
合上
折叠态 ~20:9
展开态 ~4:3 / 近方形

开发注意:

平台 要点
Android 监听配置变化(如 onConfigurationChanged / WindowSizeClass);用 Constraint / Flex / 自适应导航,避免写死像素坐标
iOS 关注 size class / traitCollection 变化;多窗口与 Stage Manager 场景同样要弹性布局
跨端 UI 用 安全区百分比、锚点、断点(breakpoint),不要按「原生分辨率」写死 HUD 坐标

老应用展开后黑边或变形,多半是只认单一纵横比、未在尺寸变化时重建布局。

全面屏时代趋势:

  • 宽度档位仍常锚定 1080 / 1440 一类「内容友好」宽度;
  • 高度 加长 → 比例从 16:9 漂到 19.5:9、20:9、21:9;
  • UI 必须按 安全区 / 刘海 / 挖孔 布局,不能只认 16:9。
概念 含义
物理像素 面板真实像素矩阵
逻辑分辨率 系统给应用的坐标系(受 DPI/缩放影响)
PPI 每英寸像素;同分辨率下屏幕越大越「糊」

选图/导出素材时:以 逻辑尺寸 × 设备像素比 估算资源像素,避免只按「1080p」一刀切。


4. SAR、PAR、DAR:方形像素与非方形像素

4.1 三个比

text 复制代码
DAR = SAR × PAR
场景 SAR(像素个数) PAR DAR(观感)
现代电脑桌面 1920×1080 → 16:9 1:1 16:9
典型 PAL DVD 存储 720×576 ≈ 16:15 或 64:45 等(视 4:3/16:9) 4:3 或 16:9
典型 NTSC DVD 存储 720×480 非 1:1 4:3 或 16:9

因此:不能 单凭「720×576」断定画面是扁是方,要看容器/码流声明的 PAR 或显示意图。

4.2 为什么历史上要非方形像素

模拟电视按行频、带宽分配样点,水平和垂直采样密度不必相等;数字化时沿用了「矩形像素 + 固定显示比例」的习惯。进入 PC 与互联网后,方形像素成为默认,于是出现 方形像素等效分辨率(如把 PAL 内容看成约 768×576 再显示)的说法------原图注释里的 PAL* 一类,多指这类换算/增强描述,而非又一个独立 VESA 标准名。

4.3 对开发的提醒

领域 注意
播放器 / 转码 尊重码流 sample aspect ratio,勿强行当 1:1
UI / 游戏 现代目标设备默认方形像素;用视口与安全区,不要写死 16:9
截图对比 先确认源是「存储分辨率」还是「显示分辨率」

5. UHD 与 DCI:都叫「4K」却不是同一个

口语「4K」「2K」至少混着两套体系:

名称 分辨率 比例 典型领域
UHD-1(消费 4K) 3840×2160 16:9 电视、显示器、流媒体
DCI 4K 4096×2160 ≈1.90:1 数字影院发行 / 制作
口语「2K」显示器 常指 2560×1440 16:9 电竞/设计屏(营销用语)
DCI 2K 2048×1080 ≈1.90:1 影院

#mermaid-svg-R4ZimOJt9jdl95KX{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-R4ZimOJt9jdl95KX .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-R4ZimOJt9jdl95KX .error-icon{fill:#552222;}#mermaid-svg-R4ZimOJt9jdl95KX .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-R4ZimOJt9jdl95KX .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-R4ZimOJt9jdl95KX .marker{fill:#333333;stroke:#333333;}#mermaid-svg-R4ZimOJt9jdl95KX .marker.cross{stroke:#333333;}#mermaid-svg-R4ZimOJt9jdl95KX svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-R4ZimOJt9jdl95KX p{margin:0;}#mermaid-svg-R4ZimOJt9jdl95KX .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-R4ZimOJt9jdl95KX .cluster-label text{fill:#333;}#mermaid-svg-R4ZimOJt9jdl95KX .cluster-label span{color:#333;}#mermaid-svg-R4ZimOJt9jdl95KX .cluster-label span p{background-color:transparent;}#mermaid-svg-R4ZimOJt9jdl95KX .label text,#mermaid-svg-R4ZimOJt9jdl95KX span{fill:#333;color:#333;}#mermaid-svg-R4ZimOJt9jdl95KX .node rect,#mermaid-svg-R4ZimOJt9jdl95KX .node circle,#mermaid-svg-R4ZimOJt9jdl95KX .node ellipse,#mermaid-svg-R4ZimOJt9jdl95KX .node polygon,#mermaid-svg-R4ZimOJt9jdl95KX .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-R4ZimOJt9jdl95KX .rough-node .label text,#mermaid-svg-R4ZimOJt9jdl95KX .node .label text,#mermaid-svg-R4ZimOJt9jdl95KX .image-shape .label,#mermaid-svg-R4ZimOJt9jdl95KX .icon-shape .label{text-anchor:middle;}#mermaid-svg-R4ZimOJt9jdl95KX .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-R4ZimOJt9jdl95KX .rough-node .label,#mermaid-svg-R4ZimOJt9jdl95KX .node .label,#mermaid-svg-R4ZimOJt9jdl95KX .image-shape .label,#mermaid-svg-R4ZimOJt9jdl95KX .icon-shape .label{text-align:center;}#mermaid-svg-R4ZimOJt9jdl95KX .node.clickable{cursor:pointer;}#mermaid-svg-R4ZimOJt9jdl95KX .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-R4ZimOJt9jdl95KX .arrowheadPath{fill:#333333;}#mermaid-svg-R4ZimOJt9jdl95KX .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-R4ZimOJt9jdl95KX .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-R4ZimOJt9jdl95KX .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-R4ZimOJt9jdl95KX .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-R4ZimOJt9jdl95KX .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-R4ZimOJt9jdl95KX .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-R4ZimOJt9jdl95KX .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-R4ZimOJt9jdl95KX .cluster text{fill:#333;}#mermaid-svg-R4ZimOJt9jdl95KX .cluster span{color:#333;}#mermaid-svg-R4ZimOJt9jdl95KX div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-R4ZimOJt9jdl95KX .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-R4ZimOJt9jdl95KX rect.text{fill:none;stroke-width:0;}#mermaid-svg-R4ZimOJt9jdl95KX .icon-shape,#mermaid-svg-R4ZimOJt9jdl95KX .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-R4ZimOJt9jdl95KX .icon-shape p,#mermaid-svg-R4ZimOJt9jdl95KX .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-R4ZimOJt9jdl95KX .icon-shape .label rect,#mermaid-svg-R4ZimOJt9jdl95KX .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-R4ZimOJt9jdl95KX .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-R4ZimOJt9jdl95KX .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-R4ZimOJt9jdl95KX :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 口语 4K / 2K
消费 UHD-1

3840×2160 16:9
DCI 4K

4096×2160 ~1.9:1
常被叫 2K 的

2560×1440
真正的 DCI 2K

2048×1080

要点:

  • 3840 ≠ 4096:UHD 是 1080p 的精确 2×2;DCI 4K 更宽一截。
  • 买电视/显示器时的「4K」,默认几乎都是 3840×2160。
  • 影视制作管道里写「4K」,要先问清是 UHD 还是 DCI。

(若看到「HUD」字样,多半是 UHD 笔误;HUD 在显示领域另指抬头显示,与 4K 规格无关。)


6. 命名为什么这么乱

6.1 多套命名空间叠在一起

来源 例子 特点
IBM / VESA 图形标准 VGA、XGA、SXGA、WUXGA 字母前缀堆叠(S/U/Q/W...)
电视 / 广播 720p、1080i/p、UHD 强调扫描行与帧类型
影院 DCI 2K、4K 固定画幅与发行规范
营销口语 「2K 屏」「视网膜」 不严格对应单一标准

前缀直觉(大致):

前缀 常表示
Q Quarter(四分之一)或 Quad(四倍),同一字母两种意思
S Super
U Ultra
W Wide
H Half

所以 QVGA = Quarter VGA ,但 QXGA = Quad XGA------「Q」必须结合上下文。

6.2 同名多分辨率

名称 可能指
WXGA 1280×800、1280×768,甚至口语里的 1366×768
2K 2560×1440(消费)或 2048×1080(DCI)
4K 3840×2160(UHD)或 4096×2160(DCI)
QHD 多指 2560×1440;个别语境指手机「Quarter HD」旧用法

工程约定 :文档与接口里写死 宽×高,名称只作别名;对外文案再用「FHD / 4K UHD」等。

6.3 16:10 vs 16:9

笔记本曾长期偏 16:10 (更高纵向办公面积),电视与游戏生态把 16:9 推成主流,后又出现 21:9 / 32:9 超宽。同一「1920 宽」可能对应 1080 或 1200 高------选显示器时要看清完整像素,而不是只听「1080」或「1K」。


7. 动态分辨率与 VRR 时代的避坑

面板的 原生分辨率 (Native)是固定的;游戏与主机上的 渲染分辨率 却经常在跑。

7.1 动态分辨率缩放(DRS)

项 说明
做法 复杂场景自动降低内部渲染分辨率(如从接近 4K 降到 1440p / 1080p),再 上采样 到面板原生输出
目的 稳住帧时间;常与时间抗锯齿、DLSS/FSR/XeSS 等超分合用
主机例子 高帧模式(如 120Hz)下,实际渲染分辨率可能在一段区间内浮动,而不是锁死 2160p

UI / HUD 避坑 :不要按「游戏是 4K 所以控件画在 3840×2160 绝对坐标」来做。应以 归一化安全区、锚点、百分比布局 贴在输出视口上;否则一旦 DRS 或超分改变内部 RT 尺寸,UI 会漂、糊或错位。
#mermaid-svg-fCTjuHbKedumMkSb{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-fCTjuHbKedumMkSb .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-fCTjuHbKedumMkSb .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-fCTjuHbKedumMkSb .error-icon{fill:#552222;}#mermaid-svg-fCTjuHbKedumMkSb .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-fCTjuHbKedumMkSb .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-fCTjuHbKedumMkSb .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-fCTjuHbKedumMkSb .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-fCTjuHbKedumMkSb .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-fCTjuHbKedumMkSb .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-fCTjuHbKedumMkSb .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-fCTjuHbKedumMkSb .marker{fill:#333333;stroke:#333333;}#mermaid-svg-fCTjuHbKedumMkSb .marker.cross{stroke:#333333;}#mermaid-svg-fCTjuHbKedumMkSb svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-fCTjuHbKedumMkSb p{margin:0;}#mermaid-svg-fCTjuHbKedumMkSb .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-fCTjuHbKedumMkSb .cluster-label text{fill:#333;}#mermaid-svg-fCTjuHbKedumMkSb .cluster-label span{color:#333;}#mermaid-svg-fCTjuHbKedumMkSb .cluster-label span p{background-color:transparent;}#mermaid-svg-fCTjuHbKedumMkSb .label text,#mermaid-svg-fCTjuHbKedumMkSb span{fill:#333;color:#333;}#mermaid-svg-fCTjuHbKedumMkSb .node rect,#mermaid-svg-fCTjuHbKedumMkSb .node circle,#mermaid-svg-fCTjuHbKedumMkSb .node ellipse,#mermaid-svg-fCTjuHbKedumMkSb .node polygon,#mermaid-svg-fCTjuHbKedumMkSb .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-fCTjuHbKedumMkSb .rough-node .label text,#mermaid-svg-fCTjuHbKedumMkSb .node .label text,#mermaid-svg-fCTjuHbKedumMkSb .image-shape .label,#mermaid-svg-fCTjuHbKedumMkSb .icon-shape .label{text-anchor:middle;}#mermaid-svg-fCTjuHbKedumMkSb .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-fCTjuHbKedumMkSb .rough-node .label,#mermaid-svg-fCTjuHbKedumMkSb .node .label,#mermaid-svg-fCTjuHbKedumMkSb .image-shape .label,#mermaid-svg-fCTjuHbKedumMkSb .icon-shape .label{text-align:center;}#mermaid-svg-fCTjuHbKedumMkSb .node.clickable{cursor:pointer;}#mermaid-svg-fCTjuHbKedumMkSb .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-fCTjuHbKedumMkSb .arrowheadPath{fill:#333333;}#mermaid-svg-fCTjuHbKedumMkSb .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-fCTjuHbKedumMkSb .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-fCTjuHbKedumMkSb .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-fCTjuHbKedumMkSb .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-fCTjuHbKedumMkSb .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-fCTjuHbKedumMkSb .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-fCTjuHbKedumMkSb .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-fCTjuHbKedumMkSb .cluster text{fill:#333;}#mermaid-svg-fCTjuHbKedumMkSb .cluster span{color:#333;}#mermaid-svg-fCTjuHbKedumMkSb div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-fCTjuHbKedumMkSb .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-fCTjuHbKedumMkSb rect.text{fill:none;stroke-width:0;}#mermaid-svg-fCTjuHbKedumMkSb .icon-shape,#mermaid-svg-fCTjuHbKedumMkSb .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-fCTjuHbKedumMkSb .icon-shape p,#mermaid-svg-fCTjuHbKedumMkSb .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-fCTjuHbKedumMkSb .icon-shape .label rect,#mermaid-svg-fCTjuHbKedumMkSb .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-fCTjuHbKedumMkSb .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-fCTjuHbKedumMkSb .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-fCTjuHbKedumMkSb :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 可变渲染分辨率
上采样 / 超分
面板原生分辨率输出
UI 应按输出视口锚点

7.2 可变刷新率(VRR)

VRR(如 Adaptive-Sync / HDMI VRR 一类能力)让刷新率跟随帧输出,减轻撕裂与卡顿。它与分辨率正交,但选型时常绑在一起:

关注点 说明
分辨率 × 刷新率 4K@120 对带宽、线材、GPU 要求远高于 1080p@120
最低刷新 部分面板 VRR 下限较高,极低帧时行为要实测
与 DRS 叠加 帧率优先模式往往同时动分辨率与刷新;抓帧分析时勿把「面板规格」当成「当前渲染规格」

录像 / 自动化测试 :先记录 输出模式(含是否 VRR),再记录瞬时渲染分辨率;只看显示器 OSD 上的「4K」不够。


8. 选型速查

场景 更稳妥的目标
通用桌面 / 网页预览 1920×1080 为基线;高分屏再考虑 1440p/4K
电竞 1080p 或 1440p + 刷新率 / VRR;先定 GPU 预算
主机 / 3A UI 按安全区与锚点;假设渲染分辨率会浮动
影视剪辑预览 明确时间线是 UHD 还是 DCI
超宽办公 3440×1440(21:9)常见甜点
手机 UI 设计稿 按逻辑宽度(如 360/390 dp)出图,再导出多倍图
折叠屏 App 为折叠/展开准备至少两套断点布局
嵌入式 / 工控 仍大量 VGA/XGA;确认方形像素与接口时序

9. 延伸阅读

主题 查阅方向
分辨率清单 百科「常见显示分辨率列表」类词条;亦有社区重绘的矢量对照图可检索
UHDTV ITU 对 UHD-1 / UHD-2 的定义
数字影院 DCI 规范中的 2K/4K 画幅
像素宽高比 视频编码中的 SAR/PAR(如 MPEG、H.264 VUI)
动态分辨率 / 超分 各引擎与主机平台的 DRS、FSR/DLSS 文档

收束 :先认准 宽×高 ,再问 PAR 是否为 1 ,最后才使用 VGA/FHD/4K 这类别名。消费「4K」默认 3840×2160;影院「4K」常是 4096×2160;手机还要加上逻辑分辨率、全面屏比例,以及折叠态/展开态两套几何。游戏与主机场景里,再把 原生输出 与 瞬时渲染分辨率 分开看------否则 UI 与画质分析都会踩坑。

整理自显示分辨率对照图谱系讨论,并按通行规格校正命名与数据;补充 DRS/VRR 与折叠屏实践要点。

相关推荐
每日品牌解读38 分钟前
企业经由 API 调用大模型,推荐哪些拥有数据隐私保护能力的平台?
运维·网络
广州华水科技41 分钟前
北斗形变监测传感器在大坝安全监测中的应用与优势分析
前端
孔令飞1 小时前
如何学习Go
前端
HUIBUR科技1 小时前
AI 中枢,面向企业场景构建的 AI 智能体
前端·数据库·人工智能
随便写个软件1 小时前
【新版本】EasyExplorer资源管理器 3.12.0——地址栏重要更新
运维·服务器·前端·everything·资源管理器
Jack N1 小时前
【Strapi 系列之二】Collection / Single / Component 怎么选?Strapi 字段大全一篇讲透
前端·javascript·strapi
weixin199701080161 小时前
《京东JOS API:落地方案、接口边界与业务踩坑 —— 联盟免费 vs 商家按量的双轨制》(附python源码)
java·网络·python
每日品牌解读1 小时前
企业希望灵活切换大模型并降低应用改造成本,推荐使用什么平台?
大数据·网络·人工智能
hiahiahia1231 小时前
Agent Tool 执行失败怎么办
服务器·前端
Java后端的Ai之路1 小时前
09-React组件生命周期
前端·react.js·前端框架