屏幕 PPI 与分辨率计算器
输入屏幕的分辨率(宽、高的像素数)和对角线尺寸,马上得到 PPI(每英寸像素数)、点距、屏幕的实际宽高和约分后的宽高比。选显示器、手机或做设计稿时用来比较清晰度。全部用精确的整数运算,在浏览器里计算,不上传。
使用限制
- 厂商标称的对角线是近似值,屏幕实际的可视对角线可能略有差异(圆角、边框、四舍五入到整数英寸等),算出的 PPI 与规格表可能差零点几。
- CSS 像素 ≠ 物理像素:网页里的 px 是逻辑像素,手机和高分屏上一个 CSS 像素通常对应 2×2 或 3×3 个物理像素。本页的 PPI 用的是你填的物理分辨率。
- PPI 只是像素密度,不直接等于“清晰程度”:观看距离、屏幕类型、字体渲染都有影响。
- “≈ 16:9”之类只是接近的常见比例,宽高比永远以约分后的精确比值为准;21:9 的显示器实际多为 64:27(2560×1080 为 64:27,宽高比 2.37),标注 21:9 属于商业叫法。
- 像素数限制在 1 到 100000,对角线在 1000 以内(英寸或厘米);任何一项为 0 都会报错。
- 读取“我的设备”只是参考,见上文说明;本页不会把它写进结果,也不会上传。
1. 由分辨率和尺寸算 PPI
2. 由对角线和宽高比反推物理宽高
已知屏幕对角线和宽高比(例如 27 英寸、16:9),求屏幕的实际宽度和高度。可选填水平像素数,顺便算出 PPI。
3. 你的设备(仅供参考)
点下面的按钮可以看到浏览器报告的屏幕大小和像素比。注意这些是“CSS 像素”(逻辑像素),不等于屏幕的物理像素,本页不会把它们当作计算结果。
为什么只是参考:浏览器给出的
screen.width 和 screen.height 是 CSS 像素;物理像素 ≈ CSS 像素 × 设备像素比(devicePixelRatio)。但系统的显示缩放、浏览器的页面缩放、外接显示器都会改变这些数字,有的手机还会按“较低分辨率模式”工作,所以这里的“估计的物理分辨率”可能和机器规格表不同。想知道真实的 PPI,请用规格表里的分辨率和尺寸填进上面计算。尺寸(对角线)浏览器无法获知,必须自己填。使用方法
- 在第 1 部分填入水平像素数、垂直像素数和对角线尺寸(英寸或厘米),点“计算”。结果给出 PPI、点距、屏幕的实际宽高(英寸和厘米)、总像素数和宽高比。
- 宽高比先用最大公约数精确约分;如果正好等于常见比例会写出常见名称(例如 2560×1600 约分为 8:5,常称 16:10);如果与常见比例只差 2% 以内,会标“≈”(例如 1366×768 约分为 683:384,≈ 16:9)。
- 第 2 部分用于不知道分辨率的情况:填对角线和宽高比,得到屏幕的实际宽、高;再填水平像素数就能得到 PPI。
- 例:1920×1080、24 英寸 → PPI ≈ 91.79;1080×2400、6.5 英寸 → PPI ≈ 404.89。
计算方法
- PPI = √(宽像素² + 高像素²) ÷ 对角线英寸数。
- 点距(毫米)= 25.4 ÷ PPI,即相邻两个像素中心的距离。
- 物理宽 = 宽像素 ÷ PPI,物理高 = 高像素 ÷ PPI;1 英寸 = 2.54 厘米(精确)。
- 由对角线 d 和比例 a:b 反推:宽 = d × a ÷ √(a² + b²),高 = d × b ÷ √(a² + b²)。
- 开方用整数算法保留 12 位小数后再做除法,最后四舍五入到显示的位数(PPI 两位、点距四位、尺寸两位),不经过浮点数。
常见问题
PPI 怎么算?
用宽和高的像素数算出对角线上有多少像素,再除以对角线英寸数。1920×1080 的对角线像素数约 2202.9,24 英寸屏幕的 PPI ≈ 91.79。
手机 6.5 英寸 1080×2400 的 PPI 是多少?
约 404.89 PPI。
1366×768 是 16:9 吗?
严格说不是:约分后是 683:384(≈ 1.7786),比 16:9(≈ 1.7778)稍宽一点点,差不到千分之一,所以页面标“≈ 16:9”。
PPI 和 DPI 有什么区别?
PPI 是屏幕或图像每英寸的像素数;DPI 本来指打印机每英寸的墨点数,常被混用。
我能不能直接用手机报的分辨率?
不要直接用。浏览器报的是 CSS 像素,需要乘以设备像素比才是物理像素,而且受系统缩放影响;最可靠的还是规格表里的分辨率和尺寸。
我填的数字会被上传吗?
不会,全部在你的浏览器里计算。