解像度と画面サイズの違い
解像度はピクセル数で表します。物理的な画面サイズは通常、対角線をインチで測ります。
現在の画面解像度をすぐに確認できます。ピクセル単位の画面サイズ、利用可能な画面領域、ビューポートサイズ、デバイスピクセル比、色深度、画面の向きも表示します。実際の画面サイズをインチとセンチメートルで推定することもできます。
ブラウザが取得した画面サイズや表示情報を確認できます。
ブラウザからモニターの正確な物理サイズを取得することはできないため、この自動結果はおおよその推定値です。
標準サイズのクレジットカードを画面に当て、画面上のカードの幅が実物と一致するまでスライダーを調整してください。
解像度はピクセル数で表します。物理的な画面サイズは通常、対角線をインチで測ります。
ビューポートはブラウザウィンドウ内でWebページを表示できる領域だけなので、画面全体よりかなり小さい場合があります。
上の値はブラウザ API から直接取得し、ブラウザウィンドウや表示状態が変わると更新されます。
一般的なディスプレイ解像度には HD、Full HD、4K などがあります。ピクセル数が多いほど細部を表示しやすくなりますが、実際の画面サイズや表示スケーリングによって見た目の大きさも変わります。
画面解像度、モニター解像度、画面サイズ、表示スケーリングについてのよくある質問です。
ブラウザが取得した画面解像度は、このページの上部に表示されます。高密度ディスプレイやスケーリングされた画面と CSS ピクセル値を比較できるよう、推定デバイスピクセル解像度も表示します。
このページを開くだけで確認できます。入力や設定は不要で、画面解像度チェッカーが画面サイズを自動取得します。ビューポートサイズ、利用可能な画面領域、デバイスピクセル比も表示します。
画面サイズは通常、ディスプレイの物理的な対角線をインチで表したものです。ブラウザだけでは正確に取得できないため、推定したい場合は上のクレジットカードキャリブレーションを使用してください。
上の解像度はブラウザが検出できる値です。Windows、macOS、その他のOSで表示スケーリングを使用している場合、モニター本来のネイティブ解像度とは異なることがあります。
同じではありません。画面解像度は 1920 × 1080 のようなピクセル寸法です。画面サイズは物理的な大きさで、通常は対角線をインチで表します。
OS のスケーリング、高 DPI モード、ブラウザの動作によって、Webページに渡される CSS ピクセル寸法が変わる場合があります。上の推定デバイスピクセル値が違いを理解する手がかりになります。
ビューポートサイズは、ブラウザウィンドウ内でWebページが利用できる領域です。ブラウザのツールバー、ウィンドウサイズ、モバイルブラウザのUIによって画面全体より小さくなります。
デバイスピクセル比は、デバイスピクセルと CSS ピクセルの比率です。Retina、高 DPI、スケーリングされたディスプレイでは 1 より大きい値になることが多く、ブラウザ上の寸法がハードウェアのネイティブ仕様と違って見える理由の一つです。
代表的な解像度には 1280 × 720、1920 × 1080、2560 × 1440、3840 × 2160 があります。通常はディスプレイに推奨されている解像度を使うのが適切です。
Windows 11 または Windows 10 で Settings → System → Display を開き、Display resolution から希望する解像度を選択します。通常は Recommended の設定が適しています。