画面解像度とは？

画面解像度は画面に表示されるピクセル数で、幅×高さ（例：1920×1080）で表されます。解像度が高いほどピクセルが多く、画像が鮮明になります。

デバイスピクセル比（DPR）とは？

DPRは物理ピクセルとCSSピクセルの比率です。DPRが2の場合、1つのCSSピクセルが2×2の物理ピクセルを使用します。Retinaディスプレイは通常DPRが2または3です。

画面解像度はディスプレイの総ピクセルサイズです。ビューポートはブラウザウィンドウ内のウェブページの可視領域で、ツールバーやスクロールバーにより画面より小さくなります。

ブラウザウィンドウのサイズを変更するとビューポートサイズが変わりますが、画面解像度は変わりません。このツールは両方をリアルタイムで追跡します。

このツールを開くと自動的に解像度を検出します。手動でも確認できます：Windowsはデスクトップを右クリック→ディスプレイ設定；Macはシステム環境設定→ディスプレイ。

一般的な解像度は：1366×768（ノートパソコン）、1920×1080（フルHD、最も一般的）、2560×1440（2K/QHD）、3840×2160（4K UHD）、2560×1600（MacBook）。

PPIは1インチあたりのピクセル数を表し、画面のピクセル密度を測定します。PPIが高いほど精細な表示と鮮明な文字が得られます。

OSのディスプレイ設定で変更します：Windows→設定→システム→ディスプレイ→ディスプレイ解像度；Mac→システム環境設定→ディスプレイ→解像度を選択。ネイティブ解像度を使用することをお勧めします。

アスペクト比は画面の幅と高さの比例的関係です。一般的な比率は16:9（ワイドスクリーン、ほとんどのモニターとテレビ）、16:10（生産性向けノート）、4:3（旧式モニター）、21:9（ウルトラワイドモニター）。

色深度はディスプレイが表示できる色の数を表します。8ビットは約1670万色（標準）、10ビットは約10億7000万色（HDRディスプレイ）を表示でき、ビット深度が高いほど滑らかな色遷移が得られます。

画面解像度、ビューポートサイズ、DPI、色深度をリアルタイムで検出します。

