画面解像度チェッカー
画面解像度、ブラウザのビューポートサイズ、ピクセル密度、色深度、タッチ対応を一目で確認 — ワンクリックでコピーも可能。
726回閲覧
ウィンドウのサイズを変更すると、ビューポートの数値がリアルタイムで更新されます。
画面に関するあらゆる数値を一目で
上のカードにはすでに数値が表示されています。画面解像度(ディスプレイのピクセル格子)、ブラウザのビューポート(Webページが実際に使える領域で、これが画面解像度より小さい理由です)、デバイスピクセル比(「Retina」クラスの画面では2または3)、色深度、向き、タッチ対応。ウィンドウのサイズを変更すると、ビューポートの数値がリアルタイムで追従します。
主な用途: テクニカルサポートに自分の環境を伝える、デザインが実際にどのサイズで表示されるか確認する、新しいモニターが本当にネイティブ解像度で動作しているか検証する、あるいは第二画面として接続したテレビが正しいモードで認識されたかを確かめる、などです。コピーボタンを押せば、サポートチケットに貼り付けやすい整理済みの要約が取得できます。
よくある質問
ビューポートが画面解像度より小さいのはなぜですか?
ビューポートはブラウザの内部描画領域です。タブ、アドレスバー、ブックマーク、ウィンドウの枠がそれぞれ領域を占めています。全画面モードにすると両者の差が最も小さくなります。
デバイスピクセル比とは何ですか?
1つのCSSピクセルが何個の物理ピクセルで表現されるかを示します。比率が2の場合、「1000 px」幅のページは2000個の物理ピクセルで描画されます — これがRetinaクラスのディスプレイの鮮明さの理由です。
なぜ解像度がモニターの仕様と異なるのですか?
OSの拡大縮小(スケーリング)設定によるものです。150%スケーリングでは、2880ピクセルのパネルが1920の論理ピクセルとして報告されます。パネル自体はすべての物理ピクセルを使用しており、OSが表示を大きく描画しているだけです。
関連ツール
問題を報告
画面解像度チェッカー