グラデーションテスト

グレースケール・色・フルスペクトルの滑らかなグラデーションに加え、わざとバンディングさせた基準との並列比較で、推測ではなく既知の基準に対してディスプレイを判断できます。

すべてブラウザ内で実行されます · 何も記録・アップロードされません

最終更新: · 最新のブラウザAPIに基づいて正確性を確認済み

下のグラデーションに見えるステップや筋がないか確認してください — 正常なディスプレイなら、はっきりした帯なく滑らかに変化するはずです。

チャンネル

方向

滑らか(数学的に連続) 模擬バンディング(24段階)

このグラデーションテストの使い方

  1. まずグレースケール、横方向から始める。

    これは定番のバンディングテストで、問題に最も気づきやすい方法です。

  2. 比較モードをオンにする。

    画面が分割され、本当に滑らかなグラデーションと、わざとバンディングさせたグラデーション — つまり比較の基準 — を直接見比べられます。

  3. 上半分と下半分を見比べる。

    上のグラデーションが下とほぼ同じくらい段階的に見えるなら、パネルや設定が本当にバンディングを生んでいます。

  4. 個々の色チャンネルも確認する。

    赤・緑・青のバンディングは必ずしも一致しません — 特定のチャンネルだけに問題がある場合、パネル自体ではなく色処理が原因だと分かります。

  5. 暗い部屋でフルスクリーンにして試す。

    小さなウィンドウや明るい周囲の光は、本物のバンディングを実際より目立たなく見せてしまいます。


このテストが実際にどう機能するか

ここに表示されるすべてのグラデーションは、CSSグラデーションに頼らず、HTMLのcanvas上に直接、下地の数式からピクセル単位で計算して描かれています。CSSグラデーションは補間されるため、ブラウザによって独自の丸め方の癖が出ることがあり、ディスプレイ自体の挙動を切り分けようとしているこのテストには向きません。比較モードの「バンディングあり」側は、同じ滑らかなグラデーションをわざと256〜1670万段階ほどではなくわずか24段階に丸めることで作られており、記憶や当てずっぽうに頼らず判断できる、正直で既知に悪い基準を提供します。


色のバンディングの原因

最も多い原因は単純に色のビット深度が限られていることです。8bitパネルは約1670万色を表示できますが、それでも多くの場合、澄んだ空や柔らかい影のような特に微妙なグラデーションでは、どこかに見えるステップが生じるほど不足しています。多くの低価格モニターはディザリングを使う6bitパネルで8bit相当の出力を近似しており(そのまま8bitとして売られていることもあります)、ディザリングがうまく機能していないと、本当の8bitパネルよりも明らかなバンディングになって現れます。

パネル自体に加えて、いくつかの設定がバンディングを悪化させることがあります:10bitに対応できるはずのケーブルやポート経由で8bit信号を送っているグラフィックカード、画面に届く前に微妙な色の情報を切り捨ててしまう強い画像・動画圧縮、そして元の画像に独自の処理を重ねる「ダイナミックコントラスト」や鮮やかモードです。HDRのサポートも似たようなビット深度や信号経路の要因に依存しているため、モニターの色出力をより広くトラブルシューティングしているなら、HDRテストも確認する価値があります。


ディスプレイのせいかコンテンツのせいか?

モニターを責める前に、これを確認しておく価値があります。ここでのグラデーションはすべて圧縮された画像や動画ファイルから読み込まれるのではなく、ブラウザによって新しく生成されるため、きれいな基準として使えます。このテストのグラデーションが滑らかに見えるのに、特定の動画や写真、ゲームでまだ目に見えるバンディングが出るなら、原因はそのコンテンツ自体のエンコード(多くは強い圧縮)である可能性が高く、ディスプレイのせいではありません。フルスクリーンや暗い部屋を必要とせず、デフォルトの設定でここでもバンディングが出る場合は、ディスプレイやその現在の設定の方が可能性の高い説明です。色深度以外のパネルの一貫性 — 曇り、周辺減光、色かぶり — をより広く確認したい場合は、画面均一性テストがその領域を扱っています。


バンディングは軽減できる?

部分的には可能です。「ダイナミックコントラスト」や鮮やか・強化モードをオフにすると、バンディングを本来のパネルの限界以上に悪化させる処理が取り除かれ、役立つことが多いです。グラフィックカード・ケーブル・モニターがすべて対応していれば、GPU設定でより高い色深度出力(多くは10bitや「ディープカラー」と表記)を有効にすると、パネル自体が本物の10bit機でなくても、コンピューターから画面までの間に残る精度が増えるため、目に見えて改善することがあります。古いグラフィックドライバーが気づかないうちに8bitに制限していることもあるので、他の設定を変える前にNVIDIA、AMD、Intelのいずれかで最新版を確認する価値があります。

これらのどれも、本物の6bitパネルを8bitに変えたり、ハードウェアがそもそも持っていない色深度を作り出したりすることはできません。その段階まで来ると、最も厳しいグラデーションでのバンディングは設定ではなくハードウェアの上限です。


よくある質問

色のバンディングは実際どのように見えますか?

本来なら滑らかに移り変わるはずのグラデーションに、はっきりと見えるステップや筋が現れます。わずかに異なる色調の帯が分かれて見え、グレースケールの暗い部分で最も目立つことが多いです。

ディスプレイにバンディングが出る原因は何ですか?

最も多い原因は色のビット深度が限られていることです。8bitパネルは1670万色を表示できますが、ディザリングを使う6bitパネルはさらに表現力が劣ります。GPUの色深度設定の誤り、強い圧縮、過度な「鮮やかモード」の処理もすべて悪化要因になります。

自分のモニターのせいか、見ている映像や画像のせいかどうやって見分けますか?

このテストの数学的に生成されたグラデーションを、バンディングが出た映像と比較してください。このツールのグラデーションが滑らかに見えるのに動画や写真がまだバンディングするなら、原因はコンテンツ自体である可能性が高く、ディスプレイのせいではありません。

なぜグレースケールだけでなく赤・緑・青も個別にテストするのですか?

ディスプレイは各色チャンネルをわずかに異なる方法で処理することがあります。各チャンネルを個別にテストすると、特定の色だけに現れるバンディングが分かり、パネル全体の限界ではなく処理やキャリブレーションの問題であることが見えてきます。

モニターの設定でバンディングを直せますか?

部分的に直せる場合があります。ダイナミックコントラストや鮮やかモードをオフにすると役立つことが多いです。GPU設定でより高い色深度出力を有効にすれば改善することもありますが、パネル自体のハードウェア的な限界は設定だけでは完全には取り除けません。

このツールは何かを記録やアップロードしますか?

いいえ。すべてのグラデーションはブラウザ内のcanvas要素上でローカルに生成され、何も取得・記録・送信されません。


ProDeviceTestの他のツール

色の滑らかさはディスプレイ全体の品質の一部にすぎません。これらでその他の部分を確認できます。