屏幕分辨率、PPI 与像素密度详解
在 MacBook 上打开我们的设备信息,你可能会看到 1512×982 @2.0x,但面板明明是 3024×1964。两个数字都没有错,只是回答了不同的问题;它们之间的差距,恰好解释了关于分辨率、PPI 和“视网膜屏”的大多数困惑。
四个数字,四个问题
分辨率——面板实际拥有多少个像素。1920×1080(全高清)、2560×1440(QHD)、3840×2160(4K)都是分辨率。这是数量,不是质量:55 英寸电视和 27 英寸显示器可以拥有同样的分辨率,近看却完全不同。
PPI(每英寸像素数)——这些像素排列得有多密。计算方法是用对角线像素数除以对角线英寸数。同一组 3840×2160 像素,在 27 英寸显示器上是 163 PPI,在 55 英寸电视上只有 80 PPI。PPI 才是眼睛真正感受到的数字。
观看距离——所有 PPI 争论中经常缺席的变量。真正重要的是每一度视角里有多少像素:80 PPI 从沙发上看可以锐利无比,放在书桌上却颗粒分明。因此,手机面板会冲到 450 PPI 以上,桌面显示器却能在 110 PPI 表现良好——手机的观看距离大约只有后者的三分之一。
设备像素比(DPR)——操作系统用多少个物理像素绘制一个界面逻辑“点”。这就是读数中的 @2.0x,也是解开上述 MacBook 之谜的关键。
为什么高 PPI 屏幕会“谎报”分辨率
在 220 PPI 的面板上按 1:1 绘制界面,每个按钮都会小得难以操作。因此,操作系统先以舒适尺寸排版逻辑界面,再把每个逻辑像素映射到 2×2(或 3×3)个物理像素。软件看到的是 1512 像素宽的屏幕,面板实际绘制 3024 个像素。逻辑单位中的尺寸减半,物理像素密度加倍——这就是“Retina”、Windows 显示缩放和 Android dp 单位背后的完整原理。
所以当读数显示 1512×982 @2.0x 时,应该理解为:逻辑画布是 1512×982,每个点由 2×2 个物理像素绘制,实际面板为 3024×1964。 截图看起来“太大”和网页图片在新笔记本上发虚,其实是从两个方向看见了同一种机制。(对网页开发者来说,这也是必须提供 2× 图片的原因:宽 300 像素的图片元素在 2× 屏幕上需要填满 600 个物理像素,1× 素材只能被拉伸。)
小数倍缩放(1.25×、1.5×)是比较麻烦的中间状态:逻辑像素无法再与物理网格一一对齐,于是系统会以更高分辨率先绘制,再向下采样。多数时候效果很好,偶尔会让细线文字轻微发虚;如果 Windows 显示器看起来莫名不够锐利,可以检查缩放是否设在 125% 或 150%。
多清晰才算足够?
传统的“视网膜”经验值,也就是人眼开始无法分辨单个像素的密度,在普通视力下约为每度视角 60 个像素。实际使用中可以参考:
| 屏幕 | 常见观看距离 | 舒适的像素密度 |
|---|---|---|
| 手机 | 25–30 厘米 | 400+ PPI |
| 笔记本 | 45–55 厘米 | 200–260 PPI |
| 桌面显示器 | 60–75 厘米 | 110–160 PPI(“视网膜级”约 220) |
| 客厅电视 | 2–3 米 | 4K 已足够;正常尺寸下 8K 更多是营销 |
清晰度也会饱和:超过眼睛可分辨的门槛后,额外像素无法提供更多可见信息。桌面显示器从 110 PPI 升到 160+ PPI,对文字是脱胎换骨的变化;160 升到 220 依然不错;再往上则是在缴纳 GPU 税——每一帧都要按这些物理尺寸绘制,分辨率是一笔永久的性能开销。我们的基准测试会限制内部像素数量,不让屏幕参数扭曲设备之间的分数比较。
读懂自己的屏幕
分辨率检测会实时显示逻辑分辨率、物理像素、DPR 和宽高比;输入屏幕对角线后还会计算 PPI。首页更完整的设备信息还会加入 GPU、色深和实测刷新率。拿到任何新设备,都值得检查两件事:
- DPR 是否符合预期? 外接 4K 显示器若显示 DPR 1.0,说明系统正以无缩放方式运行——所有内容都会极小,文字也没有真正利用高像素密度。
- 是否使用原生分辨率? 面板接收非原生分辨率时必须插值,再高的 PPI 也救不了插值后的文字。打开测试图案就很容易看出:PM5544 图案里的细密栅格应该分解成清晰线条,而不是一团摩尔纹。
如果你在二手市场比较两部手机,也别忘了优先级:一块干净的 300 PPI 面板,胜过一块有划痕、有烧屏的 500 PPI 面板。密度是锦上添花,均匀才是基本要求。