画面解像度チェッカー

画面解像度、ブラウザのビューポートサイズ、ピクセル密度、色深度、タッチ対応を一目で確認 — ワンクリックでコピーも可能。

726回閲覧

画面解像度
ブラウザのビューポート
デバイスピクセル比
物理ピクセル
色深度
向き
タッチ対応

ウィンドウのサイズを変更すると、ビューポートの数値がリアルタイムで更新されます。

画面に関するあらゆる数値を一目で

上のカードにはすでに数値が表示されています。画面解像度(ディスプレイのピクセル格子)、ブラウザのビューポート(Webページが実際に使える領域で、これが画面解像度より小さい理由です)、デバイスピクセル比(「Retina」クラスの画面では2または3)、色深度、向き、タッチ対応。ウィンドウのサイズを変更すると、ビューポートの数値がリアルタイムで追従します。

主な用途: テクニカルサポートに自分の環境を伝える、デザインが実際にどのサイズで表示されるか確認する、新しいモニターが本当にネイティブ解像度で動作しているか検証する、あるいは第二画面として接続したテレビが正しいモードで認識されたかを確かめる、などです。コピーボタンを押せば、サポートチケットに貼り付けやすい整理済みの要約が取得できます。

よくある質問

ビューポートが画面解像度より小さいのはなぜですか?

ビューポートはブラウザの内部描画領域です。タブ、アドレスバー、ブックマーク、ウィンドウの枠がそれぞれ領域を占めています。全画面モードにすると両者の差が最も小さくなります。

デバイスピクセル比とは何ですか?

1つのCSSピクセルが何個の物理ピクセルで表現されるかを示します。比率が2の場合、「1000 px」幅のページは2000個の物理ピクセルで描画されます — これがRetinaクラスのディスプレイの鮮明さの理由です。

なぜ解像度がモニターの仕様と異なるのですか?

OSの拡大縮小(スケーリング)設定によるものです。150%スケーリングでは、2880ピクセルのパネルが1920の論理ピクセルとして報告されます。パネル自体はすべての物理ピクセルを使用しており、OSが表示を大きく描画しているだけです。

関連ツール