解像度チェッカー – リアルタイム表示情報

画面の実解像度、ブラウザのビューポートサイズ、デバイスピクセル比、色深度、アスペクト比を瞬時に確認できます。ウィンドウのサイズ変更やデバイスの回転に応じてリアルタイムに更新されます。

画面 vs. ビューポート

画面解像度はモニターの総ピクセルグリッドです。ビューポートサイズはブラウザウィンドウが実際に占める範囲を示し、両者が一致することはほとんどありません。

比率が1を超える場合、CSSピクセルごとに複数の物理ピクセルが詰め込まれていることを意味します。Retinaや高DPIディスプレイでよく見られ、画像素材の書き出し時に役立ちます。

このページを開いたままブラウザウィンドウのサイズを変更すると、ビューポートがどのブレークポイントに該当するか正確に確認できます。開発者ツールを開かずにレイアウトの問題をデバッグするのに便利です。

色深度はディスプレイが1ピクセルあたりに使用するビット数を示します。24ビットが標準で、30ビット以上は広色域またはHDR対応パネルであることを示します。

画面解像度が予想と違うのはなぜですか？

このツールはブラウザが描画するビューポートとデバイスピクセル比を表示しており、必ずしもモニターのネイティブパネル解像度とは限りません。高DPI（Retina/4K）ディスプレイではOSがコンテンツを拡大縮小するため、表示される実効解像度は物理ピクセル数より低くなることがよくあります。

デバイスピクセル比とは何ですか？

物理的な画面のピクセル数とCSSピクセルの比率です。比率が2の場合、ディスプレイは1つのCSSピクセルの空間に4つの物理ピクセルを詰め込んでいることを意味します。Retinaディスプレイや多くの最新スマートフォンで一般的です。

このツールはモニターのリフレッシュレートも検出しますか？

いいえ — 解像度とリフレッシュレートは測定方法が異なります。ディスプレイの実際のHzを測定するには、専用のリフレッシュレートテストをご利用ください。