4:4:4 色度サブサンプリングテスト

テストパターン

文字サイズ16 px

カラー文字パターンだけに適用。12～32px。

背景

テスト前の確認画面がネイティブ解像度になっているブラウザーズームが100%になっているテレビまたはモニターがPC入力モードになっているオーバースキャンと画面拡大を無効にしている

テストパターン カラー文字

パターンの描画にはJavaScriptが必要です。有効にしてください。

見た後に記録

3種類のパターンを全画面で確認してから全体の結果を記録してください。

記録待ち

目視記録 未記録 ディスプレイ接続の形式を読み取った値ではなく、目視による記録です。

実画面を見てください。スクリーンショットはブラウザー画像だけで、接続やパネル処理を確認できません。

4:4:4と他の色度形式

色度サブサンプリングは色の細部のサンプル密度を下げます。4:4:4は完全な色度解像度、4:2:2は水平方向、4:2:0は水平と垂直の解像度を下げます。

形式	色度解像度	画面で見える手がかり
4:4:4	水平完全・垂直完全	カラー文字、細線、隣接ブロックの輪郭が最も保たれやすい形式です。
4:2:2	水平半分・垂直完全	カラー文字の縦方向の輪郭が柔らかくなったり、色フリンジや融合に見えたりします。
4:2:0	水平半分・垂直半分	両方向のカラー細部が平滑化されやすく、動画ではデスクトップ文字より目立ちにくいことがあります。

これは目視確認用です。HDMI、DisplayPort、GPU、テレビの実際の出力形式は読み取りません。

手順とキーボード操作

対象画面をネイティブ解像度にし、ブラウザーズームを100%に戻します。通常の視聴距離から全画面で3種類を見て、その後カラーの輪郭を近くで確認します。矢印キーまたは1、2、3で切り替えます。

4:4:4・4:2:2・4:2:0の違い

画像は輝度と色度に分けて考えられます。4:4:4は2つの色度面を完全な解像度で保ち、4:2:2は水平方向を、4:2:0は水平と垂直の色度細部を半分にします。動画では有効ですが、高コントラストのデスクトップ文字では差が見えやすくなります。

見え方を記録する方法

ネイティブ解像度、システムとブラウザーの100%表示、PC入力、オーバースキャン無効を確認します。3種類を全画面で見て、輪郭が明瞭、軽い色フリンジ・ぼけ、明らかなフリンジ・ブロック化のいずれかを記録します。信号形式を自動診断するものではありません。

対象範囲と別の原因

HDMIやDisplayPortの実際の形式は読み取れません。拡大縮小、シャープネス、サブピクセル配列、アンチエイリアス、色管理、テレビの処理が結果を変えます。スクリーンショットはページのパターンだけを確認します。

プライバシー・実装・出典

パターンと観察記録はこのブラウザー内で生成します。データのアップロード、リモートAPI、第三者の実行リソースはありません。

CanvasのバックバッファはCSSサイズとdevicePixelRatioから計算し、画像補間を無効にしています。ページ内部の再サンプリングは抑えますが、OSやテレビの処理は迂回できません。

テレビが4:4:4に対応しているか確認する方法は？

ネイティブ解像度、ブラウザー100%、PC入力モードで3種類のパターンを見ます。輪郭が明瞭でも、GPUとテレビの設定は別に確認してください。

カラー文字のぼけは必ず4:2:2や4:2:0？

いいえ。拡大縮小、フォントのアンチエイリアス、シャープネス、サブピクセル配列、映像処理も同様のぼけを作ります。

なぜブラウザーズームを100%にするの？

100%以外では1ピクセルパターンが再サンプリングされ、色度サブサンプリングのように見えることがあります。

スクリーンショットで4:4:4を証明できる？

できません。スクリーンショットは接続とパネル処理の前の画像なので、実画面を確認します。