HDR测试
Free检查您的浏览器和显示器报告的HDR及广色域支持情况，提供真实的sRGB与Display P3视觉对比。
完全在您的浏览器中运行。报告您的浏览器和显示器实际发出的信号,而非模拟结果。
检测到的功能
- HDR 动态范围
- -
- 检测到的最广色域
- -
这意味着什么
这些结果直接来自您浏览器对 CSS 媒体查询的支持,基于操作系统报告的当前显示器信息。它们反映的是真实的能力信号,而非模拟结果,但依赖于您的操作系统、浏览器和线缆/适配器都正确报告 HDR 和广色域支持。
此工具的功能
此工具直接在您的浏览器中检查浏览器和操作系统报告的显示器 HDR 和广色域能力,并展示标准 sRGB 颜色与 Display P3 颜色之间真实的并排视觉对比,让您亲自查看是否存在实际的色域差异。
工作原理
现代浏览器暴露了两个相关的 CSS 媒体特性:dynamic-range,当操作系统报告活动显示器和连接支持 HDR 时为 "high";以及 color-gamut,报告显示器能够再现的最宽色彩空间(srgb、p3 或 rec2020,依次更宽,且更宽的色域始终也匹配更窄的查询)。此工具使用 window.matchMedia() 检查这两项并报告最宽的匹配结果,如果您的浏览器完全不支持该查询,则回退为"无法检测"。对比色块被绘制两次,一次使用普通 sRGB,一次使用 CSS 的 color(display-p3 ...) 函数,因此如果您的浏览器和显示器确实支持更宽的色域,Display P3 色块将使用 sRGB 无法表示的颜色渲染,您将直接看到,而不是盲目相信声称的能力。
解决的问题
- 确认 HDR 模式是否在您当前的显示器和连接上真正启用并被检测到。
- 检查您的浏览器和显示器组合是否支持 Display P3 或 Rec.2020 广色域。
- 亲眼看到 sRGB 和 Display P3 颜色之间真实的视觉差异,而不仅仅是纸面上的规格宣称。
- 通过检查浏览器实际能看到的内容,排查 HDR 内容显示不正常的原因。
常见问题
›网站真的能测试 HDR 亮度吗?
不能可靠地测试,不行。普通网页无法通过 CSS 或 JavaScript 强制显示器进入其完整的 HDR 亮度范围,这没有标准方法。浏览器能做的是报告操作系统和显示器当前是否发出了 HDR 能力信号,而这正是本工具所检测并如实向您展示的内容。
›这里的"支持 HDR"实际上是什么意思?
这意味着您的浏览器匹配了 CSS 媒体查询 (dynamic-range: high),该查询反映了操作系统当前报告的活动显示器及其连接情况。它并不测量实际的峰值亮度或对比度,那需要专用硬件或通过兼容应用播放的正确母版制作的 HDR 视频/图像。
›为什么在我看来 sRGB 和 Display P3 色块一模一样?
这在任何标准 sRGB 显示器上,或在不支持 Display P3 的浏览器中都会发生,这两种情况正是您所预期的:没有更宽的色域可显示,自然也就没有可见的差异可展示。这并不意味着测试失败,而是意味着您的屏幕和浏览器组合没有超出 sRGB 的额外色域空间可以展现。
›HDR 和广色域有什么区别?
两者相关但各自独立。动态范围指的是显示器能显示的亮度级别范围,从非常暗到非常亮。色域指的是其颜色能达到的饱和度或鲜艳程度。显示器可以只支持其中一项而不支持另一项,不过许多现代支持 HDR 的显示器也支持 Display P3 或 Rec.2020 等广色域。
›为什么我的显示器支持 HDR,但这个测试却显示"仅标准范围"?
浏览器只报告操作系统告诉它的当前活动显示器和连接信息。如果操作系统显示设置中 HDR 模式被关闭,或线缆/适配器/输入不支持完整信号,即使在支持 HDR 的硬件上,浏览器也会正确地报告为标准范围。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!