4:4:4 色度抽样测试｜检查彩色文字与单像素细线

测试图案

文字大小16 px

仅影响彩色小字图案；范围 12–32 px。

背景模式

测试前确认显示器使用原生分辨率浏览器缩放为 100% 电视或显示器使用 PC/电脑输入模式 Overscan/画面缩放已关闭

测试图案 彩色小字

JavaScript 未运行时无法绘制测试图案，请启用 JavaScript。

观察后记录

先全屏依次查看三种图案，再记录整体观察。

待判断

观察记录 尚未判断 人工视觉记录，不等同于读取显示接口格式。

请观察实体屏幕；系统截图只包含浏览器生成图像，不能验证显示接口和面板处理后的最终格式。

4:4:4 与其他色度抽样的区别

色度抽样会降低颜色细节的采样密度。4:4:4 保留完整色度分辨率，4:2:2 只降低水平方向色度分辨率，4:2:0 同时降低水平和垂直色度分辨率。

格式	色度分辨率	常见屏幕表现
4:4:4	水平完整、垂直完整	彩色文字、细线和相邻色块边缘最容易保持清晰。
4:2:2	水平减半、垂直完整	彩色文字的竖向边缘可能出现模糊、彩边或颜色合并。
4:2:0	水平减半、垂直减半	水平与垂直彩色细节都更容易被平滑；视频中通常不如桌面文字明显。

本工具是视觉筛查，不会读取 HDMI、DisplayPort、显卡或电视当前实际输出格式。

测试流程与键盘操作

先将目标屏幕设置为原生分辨率，并把浏览器缩放恢复到 100%。依次查看三种图案，在全屏下从正常观看距离观察，再靠近查看彩色边缘；方向键或数字 1、2、3 可切换图案。

4:4:4、4:2:2 与 4:2:0 的区别

屏幕图像常可拆成亮度信息和色度信息。4:4:4 表示亮度与两路色度都保留完整采样；4:2:2 让色度水平方向减半；4:2:0 再让色度垂直方向减半。人眼对颜色细节通常没有对亮度细节敏感，因此视频常使用降采样，但电脑文字和界面中的高对比彩色边缘更容易暴露差异。

怎样记录观察结果

先确认原生分辨率、系统与浏览器 100% 缩放、PC 输入模式和 Overscan 关闭。依次全屏观察彩色小字、单像素细线与交替色块，再从“边缘清晰、轻微彩边或模糊、明显彩边或成块”中记录整体表现。该记录只描述当前条件，不是接口格式的自动判定。

适用边界与误判来源

网页不能读取 HDMI/DisplayPort 实际格式。非原生分辨率、缩放、锐化、子像素排列、字体抗锯齿、浏览器色彩管理和电视视频处理都会影响结果。截图只能验证网页图案本身，不能验证最终面板输出。

隐私、实现与来源

本工具完全在浏览器本地绘制图案和保存状态，不上传测试记录，不访问远程 API，不加载第三方运行资源。

Canvas 背板尺寸按 CSS 尺寸与 devicePixelRatio 计算，并关闭图像平滑；这能减少网页内部重采样，但不能绕过系统缩放或电视内部处理。

怎么判断电视是否支持 4:4:4？

使用电视原生分辨率、浏览器 100% 缩放和 PC/电脑输入模式，依次观察彩色小字、单像素线和交替色块。边缘在多种图案中都保持清晰，才更接近完整色度输出；仍应结合显卡和电视设置复核。

彩色小字发虚一定是 4:2:2 或 4:2:0 吗？

不一定。非原生分辨率、系统或浏览器缩放、字体抗锯齿、锐化、子像素排列和视频处理也会造成彩边或模糊，应逐项排除。

为什么测试要使用 100% 浏览器缩放？

非 100% 缩放会重新采样文字和单像素图案，使网页像素不再稳定对应输出像素，从而产生与色度降采样相似的模糊。

截图能判断 4:4:4 色度抽样吗？

不能。截图记录的是浏览器在系统内生成的图像，不经过显示接口和面板处理；需要观察实体屏幕，必要时使用相机近拍并结合设备设置。