画面解像度

使い方

画面情報は自動的に表示されます。ブラウザウィンドウのサイズを変更すると、ビューポートサイズがリアルタイムで更新されます。

画面解像度とは

画面解像度とは、ディスプレイに表示されるピクセル数のことで、横×縦（例: 1920x1080）で表されます。解像度が高いほどピクセル数が多く、画像がより鮮明になります。関連する概念にはDPI（1インチあたりのドット数）によるピクセル密度の測定や、ブラウザ内のWebページ表示領域であるビューポートがあります。デバイスピクセル比（DPR）は1つのCSSピクセルに対応する物理ピクセル数を示し、Retinaなどの高DPIディスプレイではDPRが2以上となり、より鮮明な文字や画像を表示します。

画面情報について

画面解像度はディスプレイの総ピクセル数です。ビューポートサイズはウェブページの表示可能領域です。デバイスピクセル比は1つのCSSピクセルに対応する物理ピクセル数を示します（Retinaディスプレイでは2x）。色深度は1ピクセルあたりのビット数です。

主な用途

• レスポンシブデザイン — ビューポートの寸法を確認してレスポンシブレイアウトのテストとデバッグ
• スクリーンショットのサイズ確認 — ピクセル単位の正確なスクリーンショット用に画面解像度を確認
• ディスプレイ比較 — 異なるデバイス間で解像度やピクセル密度を比較
• メディアクエリ — 実際のビューポート幅を確認してブレークポイントの動作を検証
• プレゼン準備 — プロジェクターや外部モニターに接続する前にディスプレイ解像度を確認

機能

ブラウザウィンドウのリサイズに合わせてビューポートをリアルタイム追跡。画面解像度、ビューポートサイズ、デバイスピクセル比、色深度、方向、アスペクト比を網羅的に表示。すべての値はブラウザ標準APIから遅延なく取得されます。デスクトップ、タブレット、モバイルで動作し、あらゆるブラウザからデバイスの表示性能を確認できます。

プライバシー

すべての情報はブラウザの標準APIから取得されます。データがサーバーに送信されることはありません。