显示分辨率标准对照详解
显示设备与视频里的「分辨率」常被说成一个宽×高数字，实际还缠着 存储宽高比（SAR） 、像素宽高比（PAR） 、显示宽高比（DAR） ，以及 消费级 UHD 与 影院 DCI 两套命名。下文先给出可查阅的对照大表，再拆开比例、命名与手机常见规格。
经典信息图一脉多来自早期计算机图形社区整理的分辨率对照表（如 Cornell 相关网页一系），其后在百科与设计素材中大量重绘；下列数据以行业通行规格为准整理，便于工程查阅。
目录
- 总览：怎么读一张分辨率
- [PC / 显示器 / 电视主表](#PC / 显示器 / 电视主表)
- 手机与移动设备常见分辨率
- SAR、PAR、DAR：方形像素与非方形像素
- [UHD 与 DCI：都叫「4K」却不是同一个](#UHD 与 DCI：都叫「4K」却不是同一个)
- 命名为什么这么乱
- [动态分辨率与 VRR 时代的避坑](#动态分辨率与 VRR 时代的避坑)
- 选型速查
- 延伸阅读
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 与折叠屏实践要点。