画面解像度

画面解像度の確認

画面解像度とは、1920 × 1080のように、ディスプレイが水平・垂直方向に表示するピクセル（画素）の数です。このツールは、ウェブデザイナー、開発者、サポート担当者が必要とするCSS解像度、デバイスピクセル比、ブラウザのビューポートサイズ、利用可能な画面領域、アスペクト比、色深度、色域、HDRサポートといった詳細情報とともに、お使いの画面解像度を瞬時に検出します。すべての情報は、お使いのブラウザからローカルで読み取られます。

各数値について

物理解像度は、（ほとんどの環境で）ディスプレイパネルに実際に存在するピクセルの数です。2560 × 1440のように、メーカーが製品仕様として公表している値です。

CSSピクセルは、ウェブサイトが使用する論理的な単位です。システムがディスプレイ表示を拡大・縮小（スケーリング）する場合、例えばRetinaディスプレイで200%に設定すると、1つのCSSピクセルが複数の物理ピクセルをカバーします。これにより、テキストは読みやすいサイズを保ちつつ、より鮮明に表示されます。

デバイスピクセル比は、この2つを結びつけます：物理ピクセル = CSSピクセル × DPR。

ビューポートは、ブラウザ内でページが表示される可視領域です。ウィンドウのサイズを変更したり、開発者ツールを開いたり、ブックマークバーを表示したりすると変化します。

一般的な画面解像度

この情報が必要な人

ウェブデザイナーと開発者は、レスポンシブレイアウトを実際のビューポートサイズやピクセル比でテストしたり、訪問者からのバグレポートを再現したりするためにこの情報を必要とします。

サポート・IT担当者は、表示やレイアウトの問題をトラブルシューティングする際に画面の詳細を尋ねます。コピーボタンを使えば、すべての情報を一度に送信できます。

ゲーマーやクリエイターは、新しいモニターがスケーリングされたり低いモードではなく、ネイティブ解像度で動作していることを確認できます。

壁紙やスクリーンショット、プレゼンテーション素材を購入する人は、画像を画面サイズに正確に合わせることで、最も鮮明な結果を得られます。

ディスプレイの更新速度はリフレッシュレートテストで、ドット抜けはドット抜けチェッカーで確認できます。