📐
免费宽高比计算器
计算任意尺寸的宽高比,或根据已知边和比例求缺失尺寸。包含 12 个常用预设。
加载后可离线使用
简化比例16:9
小数比例1.7778:1
标准名称16:9
百万像素2.07 MP
16:9
16:9 的精确分辨率
480 × 270
640 × 360
960 × 540
1024 × 576
1280 × 720
1600 × 900
常用尺寸
常见用途
- 计算响应式设计的比例给定固定宽度和目标比例,找到响应式图像和容器的正确高度。
- 计算视频的纵横比找到16:9、4:3、9:16和其他常见视频纵横比的正确尺寸。
- 计算社交媒体的尺寸获取Instagram、Twitter、LinkedIn和Facebook图像格式的确切像素尺寸。
- 计算网络图像的尺寸确保图像完美适配其容器——找到任何布局的正确宽度和高度。
- 计算打印尺寸在不同纵横比之间转换打印尺寸——在发送到印刷厂之前规划裁剪。
工作原理
三种计算模式——化简比例、推算缺失尺寸和锁定比例调整——都在你的浏览器中以纯 JavaScript 算术运行,使用手写的欧几里得 GCD 算法。不涉及任何库、服务器或文件上传。
- 1用 GCD 化简比例输入宽度和高度后,工具反复运行欧几里得算法(gcd(a, b) = gcd(b, a % b))直到余数为零,然后将两边都除以该除数,得到化简后的整数比,例如 1920 × 1080 变为 16:9。
- 2常用比例查找小数比例(宽 / 高)会与硬编码的 12 种常用比例表进行比较——1:1、4:3、16:9、21:9、2.39:1 等。如果差值在 0.05 以内,会在化简分数旁显示最接近的名称。
- 3推算尺寸或调整大小计算在“比例转尺寸”模式中,缺失的一边按 knownValue / ratio(或 knownValue * ratio)计算并四舍五入为整数,另有备用逻辑查找化简比例最接近的整数倍。在“调整大小”模式中,锁定的一边按 (newDimension * originalOther) / originalThis 计算——只需一次交叉相乘。
- 4列举匹配的分辨率化简后,工具遍历固定的 14 种标准宽度(480 px 到 7680 px),测试 tw % simplifiedWidth === 0,找出最多六个比例完全相同的分辨率,列出供一键复制。