画面解像度の確認方法：なぜ答えは嘘をつくのか

ウェブサイトに画面解像度を尋ねると、ノートPCの箱のどこにも印刷されていない数字が返ってくることがあります。4Kマシンが1536x864と報告するのはバグではありません。スケーリングが仕事をしているのです。あなたの画面には実は3つの異なる「解像度」があり、それぞれ異なる理由で重要です。

3つの数字、1つの画面

人々が「解像度」と言うとき、3つの異なる測定値を混同しています：

• 画面サイズ — オペレーティングシステムが提示するディスプレイの座標空間。スケーリング適用後のCSSピクセル単位。
• ビューポート — その空間のうち、ブラウザウィンドウが今この瞬間に実際に占めている部分。ウィンドウをリサイズするとこの数字は変わり、他の2つは変わりません。
• 物理ピクセル — パネル上の実際の光。箱に書かれた数字：1920x1080、3840x2160など。

この3つすべてを、向き、色深度、フルスクリーン比較とともに、画面解像度テストでライブ確認できます。実行中にブラウザウィンドウをリサイズして、画面サイズの値がそのままなのにビューポートの数字が動くのを見てください。この1つの実験が概念全体を教えてくれます。

では、どれが「あなたの解像度」なのでしょう？モニターを買うなら：物理ピクセル。ウェブデザインやサイトが見るものには：CSSピクセルの画面サイズ。ビデオ通話ウィンドウがメモの隣に収まるかには：ビューポート。すべて、異なる質問への正直な答えです。

4KノートPCが1536x864と報告する理由

これが人々をGoogleに向かわせるパズルです。3840x2400のパネルを搭載した14インチノートPCが、すべてのウェブサイトに1536x864の画面サイズを報告します。販売者に騙されたのでしょうか？いいえ。そのノートPCは250%のディスプレイスケーリングで動作しています。これは高密度なノートPC画面におけるWindowsのデフォルトの推奨設定です。

計算：物理解像度をスケーリング係数で割ります。3840 ÷ 2.5 = 1536。OSは、ボタンやテキストが読みやすい物理的サイズを保つために、画面が横幅1536 CSSピクセルであるかのように装い、各CSSピクセルを2.5x2.5の物理ピクセルで描画します。4Kのシャープさと、はるかに低い解像度の使いやすさの両方が手に入るわけです。

同じトリックは2026年にはどこにでもあります：150%スケーリングの27インチ4Kモニターは2560x1440と報告します。1170x2532のパネルを持つスマホは390x844と報告します。報告される数字は論理的な画面であり、物理的なものではありません。そしてウェブサイトが見るのはほぼ常に論理的な方です。

デバイスピクセル比をコーヒーで説明すると

デバイスピクセル比（DPR）は2つの世界の橋渡しです。答えるのは1つの質問：ディスプレイは1つのCSSピクセルを描くのに何個の物理ピクセルを使うのか？DPR 1は1対1、つまり標準モニターの古い世界。DPR 2は、すべてのCSSピクセルが4つの物理ピクセルの2x2ブロックになることを意味し、これがAppleが「Retina」とブランド化したものです。

現代のデバイスはこれをさらに押し進めています。フラッグシップスマホはDPR 3以上で動き、1つのCSSピクセルの裏に9つの物理ピクセルがあります。あの250%スケーリングのノートPCはDPR 2.5です。スマホのテキストが信じられないほど滑らかに見えるのはこのためです：ブラウザはCSSレイアウトが知っているよりもはるかに多くのピクセルで文字を描いているのです。

これは古典的なスクリーンショットの謎も説明します。1536x864の画面に「収まる」ページのスクリーンショットを撮ったのに、PNGが3840ピクセル幅で出力される。スクリーンショットはCSSピクセルではなく物理ピクセルをキャプチャします。つまり画像はCSSの幅にDPRを掛けたもの。解像度が変わったのではなく、物差しが変わったのです。

人々が実際にゲームをしている解像度

物理解像度は今もお金とフレームレートがかかる数字です。1段階上がるごとに、GPUが毎フレーム押し出さなければならないピクセル数が倍増します：

10年にわたる4Kマーケティングにもかかわらず、Steam Hardware Surveyは1080pが最も一般的なゲーミング解像度であり続け、1440pが着実に2位に登ってきていることを一貫して示しています。理由は単純です：競技プレイヤーはピクセルをフレームレートと交換します。240Hzの1080p映像は、60Hzの4K映像より多くの戦闘に勝ちます。反応速度ベンチマークで繰り返し取り上げているテーマです。

どこにお金を使うか決めるなら、解像度とリフレッシュレートは同じ予算を奪い合います。モニターテストチェックリストでは、新しいパネルが届いた後に両方を検証する手順を案内しています。

配信者とスマホが奇妙な数字を報告する理由

配信者のオーバーレイに1536x864や1600x900のキャンバスが表示されているのに気づいたことはありますか？あれは通常、スケーリングされた4Kや1440pのデスクトップか、配信が速くレンダリングされスマホ画面でテキストが読めるように意図的にダウンスケールしたものです。「奇妙な」数字は、物理解像度をスケーリング係数で割っただけのものです。

スマホは極端なケースです。1179x2556の物理パネルをDPR 3で動かすiPhoneは、393x852のCSS画面を報告します。3を掛けるまでタイプミスに見える数字です。Androidのフラッグシップも2.625や3.5のようなDPRで同じことをするため、モバイルの画面統計は412x915のような値で溢れています。

タブレット、折りたたみ端末、120Hzの携帯ゲーム機も2026年にはみな同じゲームをしています：大きな物理パネル、控えめな論理画面、その間を翻訳する1つのDPR。

ウェブサイトがこれらの数字を実際にどう使うか

レスポンシブデザインは物理ピクセルではなくCSSピクセルで動きます。サイトがデスクトップレイアウトからモバイルレイアウトに切り替えるとき、チェックしているのはビューポートがブレークポイントを越えたかどうかです。典型的には横幅768か1024 CSSピクセルあたり。あなたのスマホは390 CSSピクセルと報告するため、パネルが多くのノートPCより多くの物理ピクセルを持っていても、モバイルレイアウトが配信されます。

ブラウザのズームがレイアウトを変えるのもこれが理由です。125%にズームしてもピクセルは増えません。CSSピクセルが膨らみ、ビューポートのCSS幅が縮むのです。デスクトップで十分にズームすると、サイトはタブレットレイアウトを配信してきます。初めて遭遇する全員を混乱させる手品です。

サイトを構築・デバッグする人にとって、画面解像度テストのライブビューポート表示（リサイズに合わせて更新される）は、ブレークポイントを確認するためだけに開発者ツールを開くより速い方法です。

高解像度が実際に害になるとき

ピクセルの増加はタダではありません。最大の数字を追いかける前に知っておくべき4つのコスト：

• フレームレート： 4Kはちょうど1080pの4倍のピクセルです。同じGPU・同じ設定では、おおよそ半分かそれ以下のFPSを覚悟してください。
• 小さすぎるUI： 27インチ画面で4Kを100%スケーリングで動かすと、9ポイントのテキストを目を細めて読むことになります。スケーリングで直せば、どうせ論理1440pに戻るのです。
• バッテリー： 高DPIパネルとそれに給餌するGPUの仕事は、ノートPCやスマホで実際のバッテリー寿命を削ります。多くのスマホが低めのデフォルトレンダーモードで出荷される理由の1つです。
• スケーリングのアーティファクト： DPIスケーリングを無視する古いアプリは高DPI画面でぼやけて描画され、素直な1080pパネルより悪く見えることがあります。

実践的なまとめ：解像度は画面サイズと視聴距離に合わせ、スケーリングは自分の目に合わせ、DPRには裏方の静かな仕事をさせておきましょう。

まとめ

あなたの画面には3つの解像度があり、すべてが「正解」です：パネル上の物理ピクセル、スケーリング後のCSS座標空間、そしてブラウザウィンドウが占めるビューポート。4Kマシンでウェブサイトが1536x864と報告しても、何も壊れていません。250%スケーリングがまさにすべきことをしているのです。3つのライブ値をすべて確認し、CSSの数字にDPRを掛けてパネルを検算し、アップグレード予算はあなたのGPUと目が実際に使える解像度に使いましょう。