专业屏幕比例计算器与视觉化工具
输入分辨率自动计算屏幕比例，或从目标比例和一个维度反算另一维度。视觉比较主流比例形状。
智慧比例辨识
输入任意分辨率（如 2560×1440）自动化简为最简整数比（16:9），辨识其标准分类 — 标准、宽屏幕、超宽、正方形等。
尺寸计算器
锁定屏幕比例，输入宽度或高度，自动计算另一维度的精确像素值。裁切图片、设置画布大小和影片导出的必备工具。
视觉比例比较
在同一画布上叠加多个屏幕比例矩形，直觉感受 16:9、4:3、21:9、1:1 的形状差异 — 跳脱抽象数字。
什么是屏幕比例？
了解屏幕比例在屏幕、图片和影片中的意义和应用。
显示屏幕比例
屏幕的物理形状比例，决定「屏幕看起来是什么形状」。16:9 是目前最主流 — 几乎所有笔记本、显示器和电视都使用。21:9 和 32:9 是超宽和超超宽的标志。
像素屏幕比例
分辨率水平与垂直像素数的比例。1920×1080 的像素比例是 16:9，但 1920×1200 是 16:10。像素和显示比例通常一致，但旧式 CRT 和部分专业设备可能不同。
内容屏幕比例
图片、影片和设计文件本身的比例。电影常用 2.35:1（CinemaScope）或 1.85:1；社群媒体偏好 1:1（Instagram）、9:16（短影片）、4:5（Facebook 图片）。选对比例最大化显示面积。
如何使用屏幕比例计算器
三种使用模式应对不同场景。
分辨率 → 比例
输入分辨率（如 3440×1440），工具自动计算屏幕比例（43:18 ≈ 21:9）并标示标准分类。适合检查屏幕或图片的实际比例。
比例 → 尺寸
选择目标屏幕比例（如 16:9），输入宽度或高度，自动计算另一维度的像素值。适合裁切图片、设置画布大小和影片导出。
视觉比较
在预览面板中叠加常见屏幕比例矩形，直觉比较形状差异。点击常见比例快速切换比较。
常见屏幕比例说明
16:9（1.78:1）
当今最通用的屏幕比例。Full HD（1920×1080）、QHD（2560×1440）和 4K（3840×2160）都是 16:9。YouTube、Netflix 和电视广播的标准画面比例。
16:10（1.6:1）
曾是笔记本和显示器的主流 — 1920×1200、2560×1600。比 16:9 多约 11% 垂直空间，文件编辑和写程序效果极佳。在高阶笔记本（MacBook、ThinkPad X1）中回归。
21:9（2.33:1）
标准超宽显示器比例，常见分辨率 3440×1440 或 2560×1080。接近电影屏幕比例，无边框观影。左右分割视窗工作效率极高。
4:3（1.33:1）
经典 CRT 时代比例（1024×768、1600×1200）。目前主要用于 iPad 和部分商务投影机。感觉较方 — 不适合宽屏幕内容。
各平台推荐比例
不同平台和用途有不同的屏幕比例最佳实践。
社群媒体
推荐比例：
• Instagram/TikTok 限时动态/Reels：9:16（1080×1920）
• Twitter/X 图片：16:9（1200×675）
• Facebook 封面：2.63:1（1640×624）
影片制作
常见比例：
• 电影宽屏幕：2.39:1（CinemaScope）
• 直式短影片：9:16（1080×1920）
• IMAX 格式：1.43:1 或 1.9:1
设计与印刷
标准比例：
• US Letter：1.294:1（8.5×11"）
• 名片：1.75:1（3.5×2"）
• 简报投影片：16:9 或 4:3
显示设备
主流比例：
• 高阶笔记本（MacBook/ThinkPad）：16:10 或 3:2
• 超宽显示器：21:9（3440×1440）
• 超超宽：32:9（5120×1440）= 两个 16:9 并排
屏幕比例实用建议
裁切注意
将 16:9 影片裁切为 9:16 直式会损失约 68% 的画面。拍摄时规划安全区域，或使用「中央裁切 + 模糊背景」方式。
等比缩放
缩放图片时务必锁定屏幕比例防止变形。Photoshop：拖动角落时按住 Shift。CSS：使用 object-fit: contain/cover 保持正确比例。
响应式适配
CSS aspect-ratio 属性直接宣告元素比例（如 aspect-ratio: 16/9）— 浏览器自动计算高度。响应式布局的强力工具。
黑边处理
内容比例与容器不匹配时会出现黑边（信箱/柱箱模式）。16:9 屏幕播放 21:9 电影上下有黑边；播放 4:3 内容左右有黑边。
常见问题
Q.16:9 和 1920×1080 是什么关系？
1920÷1080=1.778=16÷9。所以 1920×1080 的屏幕比例就是 16:9。同理 2560×1440、3840×2160 也是 16:9 — 分辨率不同但比例相同。
Q.3440×1440 的精确比例是多少？
3440÷1440≈2.389，最接近 21:9（2.333）。严格来说 3440:1440 化简为 43:18，但业界约定俗成称为 21:9 超宽。
Q.为什么有些分辨率比例不是整数？
例如 1366×768 化简为 683:384 — 不是整齐的比例。这是因为面板制造商选择了方便的像素数而非严格遵循 16:9。实际看起来非常接近 16:9。
Q.CSS aspect-ratio 属性相容性如何？
所有现代浏览器都支持（Chrome 88+、Firefox 89+、Safari 15+）。搭配 width 或 height 使用，浏览器自动计算另一维度 — 完美适用于响应式容器。
Q.影片的 DAR 和 SAR 是什么？
DAR（Display Aspect Ratio）是最终显示比例；SAR（Sample Aspect Ratio）是像素采样比例。当 SAR≠1:1 时（如某些 DV 格式），即使 720×480 分辨率实际可能显示为 16:9。
Q.3:2 比例有什么优势？
3:2（1.5:1）比 16:9 多约 18% 垂直空间，比 4:3 更现代。Surface 系列和较新的 Chromebook 使用此比例 — 平板模式下阅读和手写效果极佳。
屏幕比例选择建议
- • 影片创作者： 横式：16:9；直式：9:16。导出前确认目标平台推荐分辨率，避免二次压缩。
- • 设计师： 导出多尺寸时先设计 1:1 版本，再水平延伸成 16:9 和 9:16。
- • 选购显示器： 办公/写程序：16:10 或 3:2；电影/游戏：16:9 或 21:9。拿不定主意时 16:9 最万用。
- • 前端开发： CSS aspect-ratio + object-fit 组合优雅处理任何比例的图片容器。