画面解像度テスト

このページを開くだけで、現在の画面解像度が自動的に表示されます。ボタン操作も許可も不要で、CSS解像度に加えてDPRを掛けた計算上のネイティブ画素解像度も確認できます。すべてブラウザ内のローカル処理で、外部には送信されません。

DPRは、1つのCSSピクセルに対して物理ピクセルが何個対応するかを示す比率です。高解像度ディスプレイ（Retinaなど）ではDPRが2以上になることが多く、見た目のくっきりさに関係します。ブラウザでズームすると、報告されるDPRも変化します。

CSSピクセルはレイアウト上の論理的な単位、物理ピクセルはパネルが実際に持つ画素です。両者の比がDPRで、たとえばDPRが2なら「画面（CSS）×2」が物理解像度になります。このツールは両方を表示するので、論理解像度と物理解像度の違いが一目で分かります。

ブラウザはOSが伝える論理的な値を報告するため、WindowsのDPIスケーリング（例：150%）やmacOSのHiDPIが有効だと、実際のパネル解像度より小さく報告されることがあります。あわせて表示されるネイティブ画素解像度を見ると、物理的な画素数の目安が分かります。スケーリング設定を100%に戻すとカタログ値に近づきます。

色域の項目に、OSやブラウザがcolor-gamutメディアクエリで公表している値（sRGB / DCI-P3 / Rec.2020）が表示されます。ただしこれは公表値の読み取りであり、パネルの色域を実測したものではありません。実際のカバー率を厳密に知るにはハードウェアのキャリブレーターが必要です。

OSのDPIスケーリングを上げると報告される論理解像度は小さくなり、ブラウザのズームを100%以外にするとデバイスピクセル比の値が変わります。正確な値を見たいときは、ズームを100%に戻し、スケーリング設定を確認してください。なおプライバシー保護モードでは値が丸められ精度が下がることがあります。