长宽比计算器 ， 固定[宽 / 高 / 比例]之一,自动算另外两个。
- 本地处理
- 分类 计算度量
- 适合 买东西、做计划、训练或排期前,先算出大概范围。
这个工具能做什么
为设计师、视频剪辑、前端工程师做的四字段长宽比计算器。固定 宽 / 高 / 比例(分子+分母)中任意一个,另外两个会随你输入实时 重算。可视化预览按当前比例画出实际矩形,导出前一眼能看出对 不对。点常用预设(16:9 / 4:3 / 1:1 / 21:9 / 9:16 / 3:2 / 5:4 / 2:1)直接跳到院线和社交平台主流比例,或点常用尺寸 (1920×1080 / 1280×720 / 1080×1080 等)一次性填好宽高。 输出面板给三种形式:GCD 化简后的比例(1920×1080 → 16:9)、 小数(1.778)、高度百分比(56.25%) ， HTML aspect-ratio 规则、Premiere 序列预设、Tailwind class 用的就是这三个数。 100% 浏览器本地,不上传任何东西。
工具细节
- 输入
- 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 预览
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用；刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 12 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 计算度量 · 设计师
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
长宽比计算器 适合怎么用
适合快速估算、对比和规划数字,帮你在做最终决定前先有底。
适合计算任务
- 买东西、做计划、训练或排期前,先算出大概范围。
- 一次只改一个输入,对比不同方案。
- 把模糊假设变成能讨论的数字。
计算检查项
- 认真核对单位、日期、比例和取整方式。
- 健康、金融、税务、法律相关结果只能做规划参考,不能替代专业意见。
- 重要结果要保存输入条件,方便以后复算。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
缩放主视觉图又不想把主体压扁
市场设计师手上一张 2400x1600 的产品图,新主视觉位只有 1040 宽。 他把比例锁成 3:2,宽度填 1040,读回高度 693.33,取整 693 导出, 瓶子没有被拉变形。不用心算,也不用靠 Photoshop 的「约束比例」 凭感觉拖。
把 Premiere 序列设成跟手机素材一致
剪辑拿到一批竖拍素材,分辨率 1080x1920,要建 9:16 序列。点 9:16 预设,确认小数读到 0.5625,把 1080x1920 抄进新建序列对话 框。客户后来要一版正方形发网格,他切到 1:1 预设,立刻看到 1080x1080 就是安全的方形裁切尺寸。
给内嵌视频写 CSS aspect-ratio 盒子
前端要给一个 1280x720 的 YouTube 内嵌做响应式外框。工具化简成 16:9 并给出 56.25%,于是新浏览器用「aspect-ratio: 16 / 9」,旧 Safari 保留「padding-top: 56.25%」兜底。两个数字同一个来源,不会 因为手动四舍五入在老 Safari 上差一像素。
验证一块笔记本屏是不是真的 16:9
测试同学怀疑 1366x768 这块屏不是精确 16:9。他把两个数填进去, GCD 输出显示 683:384,小数 1.7786,而不是 1.7778。这下确认全屏 视频上下那 2 像素黑边是屏的问题,不是播放器的问题,把 bug 报到 硬件那边而不是代码这边。
常见踩坑
高度太早取整。宽 1500 的 16:9 是 843.75,不是 843;只在最后导出时取整,否则一长页堆叠的图会累积漂出好几像素。
以为标称比例就是精确值。1366x768 卖的是 16:9,化简却是 683:384;信 GCD 输出,别信宣传标签。
把 9:16 和 16:9 搞反。小数 0.5625 是手机竖屏的形状;如果预览矩形是宽的而你想要竖的,说明你把宽和高填反了。
隐私说明
所有计算都在你的浏览器里用普通 JavaScript 跑,宽、高、比例任何一个 都不会发到服务器。当前数值会写进页面 URL,这样「带结果分享」的链接 能还原你的具体数字,也就是说你把链接发给谁,谁就能看到你填的尺寸。 我们这边不存储也不记录任何东西。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。