画面解像度チェッカー
すべてのツール
無料
画面解像度、ビューポートサイズ、ピクセル比、実際の物理解像度、色深度、アスペクト比を確認できます。無料でブラウザ内で動作します。
すべてはブラウザから直接読み取られます — 何もアップロードや保存はされません。
画面解像度
— × —
—
ブラウザのビューポート
— × —
このウィンドウのサイズを変更したり移動したりすると、ビューポートの値がリアルタイムで更新される様子を確認できます。
デバイスピクセル比
—
物理解像度
— × —
CSS ピクセル × ピクセル比 — 実効のハードウェアピクセル数です。
アスペクト比
—
色深度
—
画面の向き
—
利用可能な画面領域
— × —
OS のタスクバー／ドックを除いた画面領域です。
画面解像度チェッカーについて
画面解像度チェッカーは「自分の画面解像度は何か」に即座に答え、さらに多くのツールより踏み込みます。CSSピクセル単位の画面解像度、ブラウザのビューポート、デバイスピクセル比、その2つが示す真の物理解像度、利用可能な画面領域(タスクバーやドックを除いた残り)、色深度、向き、アスペクト比、そしてあなたのディスプレイが最も近い標準解像度クラスを報告します。
これらの数値の違いは重要です。画面解像度はOSがディスプレイ全体について報告する値です。ビューポートはブラウザページが実際に使える部分だけです。そして高密度画面では、デバイスピクセル比がCSSピクセルをハードウェアピクセルに掛け合わせます — 2倍比率で1512×982と報告されるノートPCは、物理的には3024×1964のパネルです。
すべてブラウザから直接読み取られるため、何もアップロードや保存はされません。ビューポートの値はウィンドウをリサイズしたり移動したりするとライブで更新されます — レスポンシブブレークポイントの確認に便利です。「Copy all」ボタンで、バグ報告やサポートチケット用に完全な読み取り結果をまとめてコピーできます。
画面解像度チェッカーの使い方
- ページを開きます。解像度、ビューポート、ピクセル比、その他の表示値がすぐに表示されます。
- 画面解像度と物理解像度を比較して、ディスプレイスケーリングがマシンにどう影響しているかを確認します。
- ブラウザウィンドウをリサイズまたは移動し、ビューポートの値がライブで更新される様子を見ます。
- アスペクト比と最も近い標準的な一致を確認して、ディスプレイのクラスを特定します。
- 「Copy all」を押して、完全な読み取り結果をクリップボードに入れます。
よくある質問
ディスプレイスケーリングのためです。OSは高密度画面ではスケーリングされたCSSピクセルでレンダリングするため、200%スケーリングの4Kパネルは1920×1080と報告します。このページに表示されているデバイスピクセル比を掛けると、物理ピクセル数が復元できます。
画面解像度はディスプレイ全体をカバーします。ビューポートは、Webページがレンダリングされるブラウザウィンドウ内の領域だけで、ツールバー、タブ、OSのバーの高さの分だけ小さくなります。レスポンシブデザインのブレークポイントは画面ではなくビューポートに反応します。
1つのCSSピクセルに対応する物理ハードウェアピクセルの数です。比率が1であれば両者は一致し、2や3であれば、画像やテキストが鮮明さのために追加のハードウェアピクセルでレンダリングされる高密度(Retinaクラス)ディスプレイであることを示します。
それは、OSが恒久的に予約している領域 — Windowsのタスクバーや、macOSのDockとメニューバー — を差し引いた画面解像度のことです。最大化(フルスクリーンでない)ウィンドウが占有できる最大の領域です。
はい。すべての値はブラウザによってローカルに読み取られ、何もアップロードや保存はされません。このツールはアカウントや制限なしで完全に無料です。
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。