このページで表示される情報
- 画面解像度：CSSピクセル単位の画面のサイズです。CSSピクセルは、Webサイトがレイアウトに使う単位です。
- 物理ピクセル：パネル上の実際のピクセル数です。スマートフォン、タブレット、高DPIのノートパソコン（Retinaディスプレイなど）では、1つのCSSピクセルを複数の物理ピクセルで描画するため、この値が大きくなります。
- デバイスピクセル比：1つのCSSピクセルを構成する物理ピクセルの数です。Windowsの表示スケールが125%や150%の場合、ここでは1.25や1.5と表示されます。
- ビューポート：ブラウザのウィンドウ内で実際に見えている領域のサイズです。ウィンドウの大きさを変えると、値が変わるのを確認できます。
すべての情報はブラウザから直接読み取っています。サーバーには何も送信されず、このページがここに表示されている以上の情報を見ることはありません。
主な画面解像度
| 1366 × 768 | 古いノートパソコンや低価格なノートパソコン（HD） |
|---|---|
| 1920 × 1080 | フルHD：デスクトップモニターとノートパソコンで最も一般的な解像度 |
| 2560 × 1440 | QHD／1440p：ゲーム用やオフィス用のモニターで人気 |
| 3840 × 2160 | 4K UHD：テレビやハイエンドのモニター |
| 390 × 844、393 × 852 | 最近の一般的なiPhone（CSSピクセル） |
| 360 × 800、412 × 915 | 一般的なAndroidスマートフォン（CSSピクセル） |
よくある質問
4Kモニターなのに2560 × 1440や1920 × 1080と表示されるのはなぜですか？
文字が小さくなりすぎないように、OSが表示を拡大（たとえば150%や200%）しているためです。実際の解像度は物理ピクセルの行で確認できます。
Web開発者にとって、なぜこの情報が必要なのですか？
ビューポートのサイズとピクセル比がわかると、レスポンシブなレイアウトのテスト、画像サイズの決定、ユーザーから報告されたバグの再現に役立ちます。すべての情報をコピーをクリックすれば、すべてをバグ報告に貼り付けられます。