Screen Test Pro

画面解像度チェック

このデバイスの画面解像度、スケーリング、縦横比、画素密度をその場で読み取り、報告されるピクセル数と物理ピクセル数の違いも明確に示します。

この画面

ライブ
px
物理ピクセル
ブラウザの表示領域
ピクセル比
縦横比
向き
色深度
リフレッシュレート

報告されるピクセルと物理ピクセル

現代の画面には、正しい数値が2つあります。報告解像度 は、OS がスケーリング後にソフトウェアへ渡す値です。つまりウィンドウが置かれる座標空間です。物理解像度 は、パネルが実際に持っているピクセル数です。「1512×982 に見える」MacBook の実体は 3024×1964 かもしれませんし、384×832 と報告するスマホが 1080×2340 を積んでいることもあります。その比率が上に表示されるピクセル比であり、スクリーンショットの画像サイズが画面の「解像度」より大きく見える理由でもあります。

どちらも嘘ではありません。答えている問いが違うだけです。購入時の仕様や比較では物理ピクセルが基準になり、CSS、ゲームの HUD、「なぜこの文字はこんなに小さいのか」という話では報告解像度が基準になります。

よくある解像度

名称 ピクセル数 よく見かける場面
720p (HD) 1280 × 720 低価格帯の TV、配信サービスの画質帯
1080p (Full HD) 1920 × 1080 10年近く続いたデスクトップの標準
1440p (QHD) 2560 × 1440 ゲーミングモニターの定番
4K (UHD) 3840 × 2160 TV、クリエイター向けモニター
5K 5120 × 2880 27インチ級の「Retinaクラス」ディスプレイ
8K 7680 × 4320 最上位TV。コンテンツは少ない

スマホは主に 19.5:9 から 20:9 の縦長パネルで、横方向は「1080p クラス」であることが多く、ウルトラワイドモニターは 21:9 や 32:9 まで広がります。上の縦横比の行では、一般的な比率ならその名称を示し、そうでない場合でも約分した正確な比率を表示します。

シャープさを決めるのは画素密度

解像度だけではシャープさは分かりません。1920×1080 は 13 インチのノートPCならくっきり見えますが、27 インチのモニターでは粗く見えます。実際の見え方に直結するのは 1 インチあたりのピクセル数です。上のパネルに画面の対角サイズを入力すると、物理ピクセル数から PPI を計算します。見る距離まで含めた詳しい説明は Screen resolution, PPI and pixel density explained にあります。

パネルに実際どんな信号が入力されているかが分かったら、その表示品質も確認する価値があります。ドット抜けテスト は2分で済みますし、リフレッシュレートテスト でパネル速度を確認できます。さらに ベンチマーク を使えば、このデバイスがそのピクセルを実際どれだけの速さで処理しているかも分かります。

よくある質問

解像度、スケーリング、画素密度すべての記事を見る →

自分の画面解像度はどれですか?

いちばん上の大きな数値が、それです。OS がこの画面について報告している値で、Web サイトやアプリがレイアウトに使うピクセル数です。スケーリングが有効な画面では、ほとんどのノートPCやすべてのスマホがそうですが、パネル自体はもっと多くのピクセルを持っています。「物理ピクセル」の行が、そのネイティブの数です。

4K モニターなのに 1920×1080 と表示されるのはなぜですか?

ディスプレイスケーリングが原因です。200% スケーリングでは、OS は 4 つの物理ピクセルを 1 つの論理ピクセルとして扱うため、3840×2160 のパネルでも 1920×1080 と報告されます。これは正常で、そのぶん文字もよりシャープに見えます。上の「ピクセル比」がその倍率です。本当に 1080p で動作しているのは、「物理ピクセル」も 1920×1080 と表示される場合だけです。

解像度とブラウザの表示領域の違いは何ですか?

解像度は画面全体の大きさです。ブラウザの表示領域は、ブラウザ自身の UI を除いた、ウィンドウ内でページが実際に使える部分です。ウィンドウサイズを変えると、その行の数値も追随します。Web デザイナーが気にするのは表示領域で、モニター選びで重要なのは解像度です。

PPI は高いほど必ず良いのですか?

画素密度が高いほど文字や画像はシャープになります。ただし、見る距離で目が差を見分けられなくなるところまでです。27 インチの 4K モニターを腕の長さほどの距離で見ると約 163 PPI で、多くの人にとってほぼその限界に近いです。460 PPI のスマホは余裕でそれを超えます。それ以上のピクセルは、見えない細部のために GPU 性能やバッテリーを使うことになります。詳しくは Screen resolution, PPI and pixel density explained をご覧ください。

画面解像度はどう変更しますか?

Windows では「設定 → システム → ディスプレイ → ディスプレイの解像度」です。スケーリングも同じ画面にあります。macOS では「システム設定 → ディスプレイ」で、選択肢は「次のように見える」サイズとして表示されます。パネルはネイティブ解像度のまま使い、大きさの調整はスケーリングで行うのが基本です。非ネイティブ解像度では補間が入るため、全体が少しぼやけます。