このツールの機能
この無料オンライン画面チェッカーで、表示の不具合診断と表示情報の確認が一括でできます。デッドピクセルテスト、モニターテスト、画面テスト—デッド・スティックピクセル用の単色、バンディング用のグラデーション、シャープネス用のパターン。ブラウザから解像度・色深度・向きを確認。インストール・アップロード不要。すべてブラウザ内で動作し、データはサーバーに送信されません。デッドピクセル確認、色精度、バックライト漏れ、シャープネス、サポート用の表示情報に最適です。
使い方
クイックスタート： 表示情報（解像度、色深度など）を確認し、テスト（黒・白・赤・緑・青・グレースケール・グラデーション・チェッカー・グリッド）を選び、デッドピクセルテストにはフルスクリーンで実施。黒い点（デッド）や明るい点（スティック）を確認。
- 表示情報 — 解像度、利用可能サイズ、色深度、デバイスピクセル比、向きを表示。コピーアイコンで各値をコピー。
- テストを選択 — テストボタン（黒・白・赤・緑・青・グレースケール・RGB横・RGB縦・チェッカー・グリッド）をクリックしてテスト領域にそのパターンを表示。
- フルスクリーン — フルスクリーンに入るでテスト領域を画面全体に。デッドピクセルテストに推奨。Escapeまたはフルスクリーンを終了で終了。
- 確認 — 明るい画面で黒い点（デッド）、暗い画面で明るい点（スティック）を探す。グラデーションで色のバンディング、パターンでシャープネスを確認。
動作の仕組み
- 単色 — 黒・白・赤・緑・青の全面背景。CSSの
backgroundColorで描画。 - グラデーション — 線形グラデーション（グレースケール、RGB横・縦）で色のバンディングと均一性を検出。CSSの
linear-gradientで描画。 - パターン — チェッカーとグリッドでピクセル位置とシャープネスを確認。CSSの
repeating-conic-gradientとlinear-gradientで描画。 - 表示情報 — window.screen（width、height、availWidth、availHeight、colorDepth、pixelDepth、orientation）とwindow.devicePixelRatioから読み取り。処理はすべてブラウザ内で行われ、サーバーには送信されません。
使用例とサンプル
- デッドピクセル確認 — 単色の黒・白を使用。白で黒い点はデッド、黒で明るい点はスティック。
- 色精度 — RGBグラデーションで色のバンディング（滑らかでない階段状の変化）を確認。
- バックライト漏れ — 暗い部屋で黒画面を使用。端や角から光が漏れていればバックライト漏れ。
- シャープネス — グリッドやチェッカーで線のくっきりさとピクセル位置を確認。
- 表示情報 — サポートチケット・互換性確認・開発用に解像度と色深度をコピー。
例
- 黒を選択 → 全面黒。明るいスティックピクセルを探す。
- 白を選択 → 全面白。黒いデッドピクセルを探す。
- フルスクリーンに入る → テスト領域が画面全体になり、正確な診断が可能。
制限と既知の制約
- ブラウザの表示領域 — 通常（非フルスクリーン）ではテスト領域はページ内に限定。画面全体をカバーするにはフルスクリーンを使用。
- Screen APIの制限 — 表示情報はブラウザが公開する内容。マルチモニターではプライマリまたは現在のディスプレイのみの可能性あり。
- 永続化なし — データは保存されない。情報は読み込み時に読み取り、メモリ上で表示。