画面解像度チェッカー

使い方

1. 画面（CSSピクセル）を読みます。ブラウザが数えた、画面全体の大きさです。
2. 画面（物理ピクセル）を、ディスプレイの箱や、システムの設定にある数字と比べます。CSSの大きさにデバイスピクセル比をかけた値です。
3. HDR表示とリフレッシュレートを確認します。このタブを前面に表示した状態でもう一度計測を押し、ほかの画面を使うプログラムは閉じてください。

CSSピクセルと物理ピクセル

Webサイトは、画面をCSSピクセルで測ります。CSSピクセルは、パネルの単位ではなく、ページの単位です。画素の密度が高い画面では、1つのCSSピクセルが複数の物理ピクセルで描かれ、デバイスピクセル比は、縦と横にそれぞれ何個並ぶかを示します。幅390 CSSピクセル、比率3のスマートフォンは、横に1170の物理ピクセルがあります。

ブラウザのウィンドウは、最大化していないと画面より小さくなります。その大きさはウィンドウを動かすたびに変わり、拡大や縮小をすると表示できるCSSピクセルの数が変わるため、ズームにも応じて変わります。

アスペクト比、色の深度、HDR

アスペクト比は、幅を高さで割った比を、簡単な分数にしたものです。1920 × 1080は16:9です。よく使われる比には名前があります。16:9と16:10はワイド画面、4:3は古い標準、21:9と32:9はウルトラワイドです。分数の項が大きいときは、近い一般的な比を約と付けて示します。

色の深度は、1ピクセルに使うビット数です。24ビットでは、16,777,216色を表示できます。HDRは、より広い明るさと色の範囲を表示できることを意味します。このページは、CSSのdynamic-rangeメディア特性を使い、ブラウザがHDR対応のディスプレイだと報告しているかどうかを示します。

リフレッシュレート

リフレッシュレートは、画面が1秒間に描き直される回数です。60 Hzは一般的で、ゲームや新しい画面では120 Hzや144 Hzもあります。このページは、1秒間にブラウザが描くアニメーションのフレームを数え、フレームの間隔の代表値を取るため、数フレームが抜けても結果は変わりません。ブラウザはパネルのレートを直接教えないため、これは計測値です。

よくある質問