画面解像度チェッカー

画面解像度チェッカーについて

私の画面解像度は？このページがすぐに教えます。上にある大きな数字が、実際のピクセル（画面を作っている小さな点）で表した画面解像度です。たとえば 1920 × 1080 や 2560 × 1440 です。その横に、一般的な名称（Full HD や QHD など）とアスペクト比（16:9 など）も表示されます。

下のカードには、画面とブラウザの詳しい情報があります。すべてお使いの端末の中で読み取ります。どこにも送信されません。

主な機能

本当の解像度 — 画面サイズを実際のピクセルで表示し、一般的な名称とアスペクト比も示します。
横向きか縦向きか — 画面の向きを表示します。スマホやタブレットを回すと、幅と高さも入れ替わります。
拡大率の表示 — デバイスピクセル比と、対応する Windows や Mac の拡大率（125% や 150% など）を表示します。
ウィンドウサイズ — ブラウザウィンドウの内側と外側、スクロールバーを除いたビューポートを表示します。
色の情報 — ビット数の色深度、HDR のオン・オフ、色域（sRGB、Display P3、Rec. 2020）を表示します。
リフレッシュレートの推定 — 画面が1秒間に何回描き直されるかを簡単に調べます。
リアルタイム更新 — サイズ変更、ズーム、スマホの回転、別のモニターへの移動で数字が変わります。
すべてコピー — ボタン1つで、テキストの一覧をコピーしてサポートや友達に送れます。

使い方

ページを開くと、画面解像度がすぐに表示されます
大きな数字で実際のピクセル数、その下で名称とアスペクト比を確認します
カードで拡大率、ウィンドウサイズ、色深度、HDR を見ます
ブラウザのウィンドウサイズを変えたり、別のモニターに移したりして、数字の変化を確認します
すべてコピーを押すと、すべての値をテキストでコピーできます
ズームの警告が出たら、Ctrl+0（Mac は Cmd+0）を押すと本当の値が出ます

箱の数字と違って見える理由

モニターの箱には、たとえば 2560 × 1440 と書いてあります。でも多くの Web サイトでは、1707 × 960 のような小さな数字が出ます。どちらも正しい値です。小さい数字は CSS pixels で、大きい数字は実際のピクセルです。

表示の拡大率。 Windows は、文字を大きくするために 125% や 150% の拡大率をよく使います。150% なら、実際の 2560 ピクセルは約 1707 CSS pixels になります。このページは掛け戻して、実際の数字を表示します。
Retina とスマホの画面。 CSS の1ピクセルに、実際の2ピクセルまたは3ピクセルを使います。これがデバイスピクセル比（2倍や3倍）です。
ブラウザのズーム。 ズームもデバイスピクセル比を変えます。どの Web サイトでも同じです。正しい値を見るには 100% に戻してください。

設定で本当の解像度を調べる方法

Windows 11：デスクトップを右クリックしてディスプレイ設定を選びます。ディスプレイの解像度（「推奨」と書かれたものが画面の実際のサイズです）と拡大/縮小（125% など）を見ます。
Windows 10：デスクトップを右クリックしてディスプレイ設定を選び、ディスプレイの解像度と拡大縮小とレイアウトを見ます。
macOS：「システム設定 → ディスプレイ」を開きます。Mac は「見た目の」サイズを表示します。実際のパネルのサイズは、その2倍であることが多いです。
スマホ：設定でピクセル数が分かることはほとんどありません。このページが一番早い方法です。

CSS pixels とは？

Web ページは大きさを CSS pixels で数えるので、どの画面でもほぼ同じ大きさに見えます。古い事務用モニターでは、1 CSS pixel は実際の1ピクセルです。高精細なノートパソコンやスマホでは、1 CSS pixel を 2 × 2 または 3 × 3 の実際のピクセルで描きます。文字はくっきりしますが、大きさは変わりません。Web デザイナーは、ビューポートサイズ（ブラウザウィンドウの内側を CSS pixels で表したもの）を使って、スマホにも大画面にもページを合わせます。

よくある画面解像度

名称	ピクセルサイズ	アスペクト比
HD (720p)	1280 × 720	16:9
HD+	1366 × 768	16:9
HD+	1600 × 900	16:9
Full HD (1080p)	1920 × 1080	16:9
WUXGA	1920 × 1200	16:10
QHD (2K, 1440p)	2560 × 1440	16:9
WQXGA	2560 × 1600	16:10
UWQHD（ウルトラワイド）	3440 × 1440	21:9
4K UHD (2160p)	3840 × 2160	16:9
5K	5120 × 2880	16:9
8K UHD	7680 × 4320	16:9

スマホは縦に細長い形です。多くは実際のピクセルで約 1080 × 2400 または 1170 × 2532 で、比率は 19.5:9 や 20:9 などです。幅が先に書かれるので、スマホを縦向きに持つと、1170 × 2532 のように小さい数字が先に出ます。横向きにすると 2532 × 1170 になります。

よくある質問

私の画面解像度はいくつですか？

このページの上にある大きな数字です。たとえば 1920 × 1080 です。実際のピクセル数で表示されます。名称とアスペクト比は、そのすぐ下にあります。

ほかの Web サイトだと画面解像度が小さく出るのはなぜ？

お使いのパソコンが 125% や 150% などの拡大率を使っているため、Web サイトには CSS pixels の小さなサイズが見えています。このページは拡大率を掛け戻して、実際のピクセル数を表示します。

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

1 CSS pixel に対して、画面が使う実際のピクセルの数です。1 は拡大なし、1.25 は 125% の拡大、2 や 3 は Retina 画面やスマホでよくある値です。

画面サイズとビューポートサイズの違いは？

画面サイズはディスプレイ全体です。ビューポートは、ブラウザウィンドウの内側だけで、タブ、アドレスバー、タスクバーを含みません。

リフレッシュレートは正確ですか？

いいえ、約1秒で出す簡易的な推定値です。パソコンが忙しいと、低い数字が出ることがあります。しっかり確認するには、リフレッシュレートテストを使ってください。

モニターが2台あっても使えますか？

はい。ブラウザのウィンドウがある画面の情報を表示します。ウィンドウを別のモニターに移すと、1秒以内に数字が変わります。

知っておくと便利

ブラウザは画面のインチ数を知ることができません。分かるのはピクセルだけです
プライバシー設定が強いブラウザでは、一部の値が丸められたり隠されたりすることがあります
このページの情報は、保存も送信もされません