屏幕测试
按顺序显示一组标准图样,逐项检查坏点、灰阶、均匀度和锐度。点「全屏查看」再用方向键翻页,检查效果最好。
开始之前请先确认这几件事
下面几条不满足的话,测出来的结论是无效的,所以放在最前面说。
- 先关掉系统的色彩调节。macOS 的「夜览」和「原彩显示」、Windows 的「夜间模式」、以及显卡驱动里的色温调节,都会直接改变屏幕输出的颜色。开着它们测出来偏黄偏红,那是软件调色,不是显示器的问题。测色之前请全部关掉,测完再开回来。
- 开着 HDR 时颜色测试不准。系统启用 HDR 后,普通 sRGB 内容会经过一次色调映射,纯色和灰阶都不再是原值。做坏点和灰阶测试前先把 HDR 关掉,能省掉一大堆误判。
- 不进全屏就测不到边缘。普通窗口下,地址栏、书签栏和系统任务栏会占掉屏幕边缘,那几条边上的像素就看不到。所以坏点和漏光测试请点进全屏再看。iOS Safari 对非视频元素的全屏限制较多,这时页面会退化成铺满整屏的遮罩,顶部可能还留着地址栏。
- 环境光会骗过你的眼睛。白天的环境光会让黑场看起来发灰,也会盖过轻微的漏光。暗部细节和漏光这两项请在关灯或者拉上窗帘的环境下做,屏幕亮度也不要调到最高。
- 这个工具不放数据,也不当仪器。它只能把图样准确地显示出来,然后靠你的眼睛判断。亮度、色准、响应时间、输入延迟这些都需要色度计或者高速摄像机才能测,网页做不到,所以这里也不假装能给数值。
当前是第 1 / 21 项:纯色 · 红。只点亮红色子像素,红点上出现黑点说明红色子像素坏了。
全屏下可以用方向键或空格翻页,Esc 退出。勾上「静止时隐藏鼠标指针」后,鼠标停住两秒半指针会自动消失,移动一下又会回来——查坏点的时候屏幕中间不会老有个箭头挡着。
全部测试项
一共 21 项。画布按设备像素逐点绘制,所以在高分屏上也会严格按一个物理像素一个格来画,不会因为缩放而失真。
每一项该看什么
| 测试项 | 看什么 |
|---|---|
| 纯色 · 红 | 只点亮红色子像素,红点上出现黑点说明红色子像素坏了。 |
| 纯色 · 绿 | 只点亮绿色子像素。绿色子像素数量通常最多,最容易看出竖纹。 |
| 纯色 · 蓝 | 只点亮蓝色子像素。蓝色的坏点最不容易被日常使用发现,值得单独看一遍。 |
| 纯色 · 白 | 三个子像素同时点亮。常亮点(永远是白点)在这一屏最明显。 |
| 纯色 · 黑 | 全部熄灭。常亮点在这一屏最刺眼,但必须在暗环境下看,白天环境光会盖过漏光。 |
| 纯色 · 青 | 绿加蓝。红子像素坏掉时会在这里显出青色缺口。 |
| 纯色 · 品红 | 红加蓝。绿子像素坏掉时会显出品红缺口。 |
| 纯色 · 黄 | 红加绿。蓝子像素坏掉时会显出黄色缺口。 |
| 全白 · 均匀度 | 整屏纯白,退后一两米看整体有没有发暗的角落、发黄的色带或者边缘漏光。边角略暗是液晶的常态,明显的光斑才算问题。 |
| 全黑 · 漏光 | 整屏纯黑,必须把房间灯光关掉看。IPS 面板在四角轻微泛白很正常,但如果黑场整片发灰、或者有明显的光晕块,那才是漏光。 |
| 灰阶 · 32 级 | 从黑到白分 32 级。相邻两级应该都能分辨出来,如果中间有两条并成一条,说明这一段的可分辨能力不足。 |
| 暗部 · 9 级 | 0 到 8 级挨在一起。理想情况是每一级都看得出边界,如果 0 到 3 糊成一片纯黑,就是俗称的「黑场压死」,看暗场景电影会丢细节。 |
| 亮部 · 9 级 | 247 到 255 级。如果后几级全白、分不出边界,就是「白场过曝」,雪景和白云会丢层次。 |
| 渐变 · 断层 | 从黑到白的连续渐变。过渡应该平滑,如果看出一条条竖条纹(俗称色带、断层),说明色深不够或者有抖动处理。这是 6 位面板加抖动算法最典型的破绽。 |
| 锐度 · 1 像素棋盘格 | 逐点显示的黑白格,一个格子就是一个物理像素。正常的屏幕在正常距离看应该是一片均匀的灰,凑近才能看出格子。如果正常距离就糊成一片纯灰、或者出现奇怪的波纹,说明画面经过了二次缩放,没有点对点。 |
| 锐度 · 2 像素棋盘格 | 同上,但格子放大一倍。如果你在上一屏什么也看不出来,就看这一屏——正常距离能看清格子才是正常的。 |
| 锐度 · 1 像素线条 | 四分之一占空比的细线。点对点的屏幕上每根线应该一样粗细;出现粗细交替、明暗相间的竖纹,就是缩放造成的摩尔纹。 |
| 几何 · 方格网 | 每一格的边长都应该完全一样。靠近边缘的格子看起来变宽或变窄,说明有梯形或枕形失真。 |
| 几何 · 正圆 | 人眼对圆形的失真非常敏感。看起来偏椭圆,说明宽高比被拉伸了——这在分辨率没设成面板原生值的时候最常见。 |
| 几何 · 中心十字 | 十字线应该正好落在画面正中心。偏了说明画面有位移,投影仪和拼接屏上比较常见。 |
| 清晰度 · 文字 | 几档大小的文字。正常距离下,最小的一档应该只是勉强可读,再小就该费劲了;如果连中等大小都发虚,可能是分辨率没设到原生值,或者系统缩放设成了非整数倍。 |
为什么这样设计,以及哪些事它做不到
细图样必须按设备像素画,这不是讲究而是前提。CSS 像素和设备像素是两回事:在 2 倍屏上,用 CSS 像素画一条「1 像素」的线,实际会占 2 个物理像素,测出来的就不是面板的真实解析力了。所以这里的棋盘格和细线都直接生成 ImageData 缓冲区,用 putImageData 提交——这个接口不参与任何缩放,缓冲区里的一个像素严格对应屏幕上的一个物理像素。画布的 width 和 height 按 devicePixelRatio 放大,CSS 尺寸保持不变,浏览器负责把两者对应起来。
系统层面的色彩调节会让颜色测试整体失效。macOS 的夜览和原彩显示、Windows 的夜间模式、显卡驱动里的色温滑块,都会直接改变屏幕上输出的颜色;系统启用 HDR 之后,普通 sRGB 内容还会经过一次色调映射,纯色和灰阶都不再是原值。这时候测出偏黄、偏红或者灰阶挤在一起,很可能是软件调色而不是显示器的问题。所以做颜色相关测试前,请把这些都关掉,测完再开回来。
这个工具只负责「准确地显示」,判断还得靠眼睛。屏幕测试本质上是一组标准图样加上人的观察。它能保证给到屏幕的信号是纯正的——纯色不带任何叠加、灰阶硬切换不做插值、棋盘格落在真实像素上——但没有任何一个网页能替代仪器。亮度、对比度、色准、响应时间、输入延迟这些指标需要色度计、光谱仪或者高速摄像机才能测,浏览器拿不到,所以这里也不假装能给出数值。它真正的价值是在没有仪器的场合快速排除明显问题。
暗部和漏光一定要在关灯的环境下看。白天的环境光会让黑场看起来发灰,也会把轻微的背光漏光盖过去。而且看的时候不要盯着屏幕看几秒就下结论——眼睛适应暗环境需要时间,先在全黑那一屏上待二十秒,再慢慢扫视四角,这样 IPS 面板那种边缘轻微泛白和真正成块的光晕才分得清。正常面板四角略有泛白是常态,成片的光斑才算问题。
锐度测试的结果还取决于分辨率和系统缩放。1 像素棋盘格在正常距离下应该看起来是一片均匀的灰——因为每个像素只有黑或白,人眼在正常观看距离已经融合了。如果看到明显的网格、波纹或者直接糊成一片纯色,说明画面经过了二次缩放:可能是分辨率没设成面板原生值,也可能是系统缩放设成了 125% 或者 150% 这类非整数倍。这时候该调的是显示设置,不是显示器。