宽高比计算器
最简整数比
43 : 18
分类识别
21:9
十进制值
2.3889
锁比例反推
常见比例同宽对比
16:9
16:10
21:9
32:9
CSS 代码
.box { aspect-ratio: 43 / 18; }常见比例速查
- 16:9 — 视频/游戏标准
- 16:10 — 生产力笔电
- 21:9 (43:18) — 带鱼屏
- 32:9 — 超宽带鱼
- 2.39:1 — 电影宽银幕
- 1:1 / 4:5 / 9:16 — 社交媒体
专业比例计算
最简化简
任意分辨率化简为最简整数比，3440×1440 → 43:18 并识别为 21:9 家族。
锁比反推
锁定当前比例，输入宽求高或输入高求宽，设计稿尺寸神器。
叠加可视化
16:9/16:10/21:9/32:9 同宽矩形叠加，比例差异一目了然。
比例核心概念
DAR
显示宽高比，即分辨率像素之比，本文档计算的就是 DAR。
SAR/PAR
存储/像素宽高比，视频领域概念：DAR = SAR × PAR，方形像素 PAR=1。
黑边成因
内容比例与屏幕比例不一致时，两侧（pillarbox）或上下（letterbox）出现黑边。
使用方法
01
输入分辨率
填入宽高像素，最简比与分类实时显示。
02
查看对比图
与常见比例同宽叠加，直观感受视野差异。
03
锁比反推
锁定比例后输入任意一边，自动求另一边。
比例应用场景
16:9
通用标准
- + 内容最多
- + 游戏默认
- − 纵向空间少
16:10
笔电生产力
- + 多 11% 纵向
- + 办公舒适
- − 视频小黑边
21:9
沉浸宽屏
- + 电影无黑边
- + 多窗口
- − 内容适配参差
9:16
移动端
- + 短视频标准
- − 桌面不适用
实用建议
视频剪辑时间线比例按发布平台定：B站/YouTube 16:9，抖音 9:16，小红书 3:4。
21:9 显示器看电影选 21:9 片源可完全无黑边。
CSS 用 aspect-ratio: 16/9 替代 padding hack，响应式更干净。
游戏不支持带鱼比例时，强制拉伸会变形，建议黑边模式。
FAQ
计算说明
- 最简比按最大公约数化简
- 分类识别采用 ±2% 容差匹配
- 反推结果四舍五入到整数像素
- 常见比例库含影视/社媒/印刷
相关工具
搭配验机向导验收新屏幕
加入验机向导 →