画面解像度
上に出ているのが、ブラウザーが報告するとおりの画面解像度です。その下に実ピクセル数、両者の差を説明するピクセル密度、画面比、リフレッシュレート、ブラウザーの窓の大きさが並びます。窓の大きさを変えれば数値も追いかけます。
下の値はすべてあなたのブラウザーが読み取ったものです。ウィンドウの大きさを変えれば数値も変わります。
— 画面(CSS ピクセル)
- 画面(実ピクセル)
- —
- ピクセル密度
- —
- 呼び名
- —
- 画面比
- —
- 正確には
- —
- メガピクセル
- —
- ページ表示領域
- —
- ブラウザーの窓
- —
- 色深度
- —
- リフレッシュレート
- —
- 向き
- —
ここの値はどこにも送られません。ページはあなたのブラウザーを読み、読んだ内容をそのまま表示しているだけです。リフレッシュレートを問い合わせずに 0.5 秒ぶんのフレーム数から測っているのも同じ理由で、ブラウザーはその値を教えてくれないからです。
- 無料
- ファイルは端末から出ません
- 登録不要
- ファイル数の制限なし
使い方
- 大きな数字は CSS ピクセルで見た画面の大きさです。ブラウザーが使っている単位がこれです。
- 「画面(実ピクセル)」はその数字にピクセル密度を掛けたものです。モニターの箱に書いてあるのはこちらです。
- 「ページ表示領域」がウェブページに実際に渡る広さで、窓からツールバーやスクロールバーを引いたものです。サイトに「どの解像度で見ていますか」と聞かれたら、答えるのはこの数字です。
- 窓の大きさを変えたり、スマートフォンを横にしたりして、どの数値が変わりどれが変わらないかを見てください。
知っておくと便利
ブラウザーは 390×844、箱には 1170×2532 と書いてある理由
数えているものが違うからです。ブラウザーが返すのは CSS ピクセル、つまり見かけの大きさの単位で、どの画面でも文字が読める大きさに保つためのものです。箱に書いてあるのはパネル上の物理的な点の数です。いまのスマートフォンの画面は物理的な点を 3 つぶん 1 CSS ピクセルに詰め込んでいて、ピクセル密度の行が言っているのはまさにそれです。密度 3 なら、横 390 の画面は実際には 1170 点あります。パソコンでは同じことが表示スケーリングで起きます。Windows を 125 % にすれば、1920 ピクセルのモニターはブラウザーに 1536 と伝えます。どちらの数字も正しく、答えている問いが違うだけです。
三つの大きさと、あなたが必要なのはどれか
画面はディスプレイ全体です。ブラウザーの窓はそれより小さく、OS が押さえている部分を含みません。ただし Windows で最大化すると、枠が端からはみ出すぶん画面より数ピクセル大きくなります。ページ表示領域はさらに小さく、ツールバー、タブ、スクロールバーが食い込みます。サイトや制作者が「解像度は?」と聞くとき、ふつう指しているのは画面です。表示が崩れていて「いま横幅いくつで見ていますか」と聞かれたなら、それはページ表示領域のことです。
リフレッシュレートは測るもので、尋ねるものではない
ブラウザーはこの値を教えてくれないので、このページは 0.5 秒間に何フレーム描けるかを数えています。結果はよくある値のうち最も近いものに丸めます。生の測定値 59.7 は 60 Hz の画面に測定のゆらぎが乗っただけで、59.7 と出すのはゆらぎを事実として示すことになるからです。タブが裏にあるときや機械が忙しいときは低めに出ますし、ノートパソコンによっては省電力のため実際にレートを下げます。数値がおかしいと感じたらページを読み込み直してください。
よくある質問
私の画面解像度はいくつですか。
このページの上にある数字、単位は CSS ピクセルです。これがブラウザーの見ている値です。実際の物理解像度はその下の行で、二つが違う場合はピクセル密度の行がどれだけ違うかを示します。
4K モニターなのに 2560×1440 と出るのはなぜですか。
表示スケーリングのためです。150 % のとき、3840 ピクセルのモニターはアプリに 2560 と伝えます。そうしないと文字やボタンが本来の三分の一の大きさになってしまうからです。パネルの点は 3840 のままで、「実ピクセル」の行がそれを示しています。
拡大するとページ表示領域は変わりますか。
変わりますし、それが正しい動きです。拡大は画面に収まる CSS ピクセルの数を変えます。拡大すると窓は動いていなくてもページ表示領域は CSS ピクセルで小さくなります。画面の行は変わりません。
リフレッシュレートの表示がおかしいのですが。
このタブを手前にしたままページを読み込み直してください。ブラウザーは裏のタブのアニメーションを抑えるので、別の場所にいる間の測定は低く出ます。バッテリー動作でレート自体を下げるノートパソコンもあり、その場合は数値が正しく、画面が実際に遅くなっています。
この情報はどこかへ送られますか。
いいえ。このページのすべては、あなたのブラウザーから読んで、そのままあなたに表示しているだけです。サーバーへの送信も保存も記録もなく、ネットがなくても動きます。
関連ツール
- キーボードテスト キーを一つずつ押してください。ブラウザが受け取った瞬間に光ります。光らないキーは、壊れているか、そもそもブラウザまで届かないキーのどちらかです。どちらなのかはページがはっきり示します。
- マイクテスト ボタンを押し、許可して、何か話してください。ブラウザが音を受け取っている間バーが動きます。録音を再生すれば、相手に実際どう聞こえているかもわかります。
- カメラテスト カメラを入れれば自分が映ります。それが答えのすべてです。映像の下には実際の解像度とフレームレートが出ます。マイクも同じ流れで確認できます。
- IPアドレス確認 グローバルIPアドレスは、あなたが開くすべてのサイトに見えている情報です。ブラウザが公開している端末情報とあわせて表示します。
- User-Agent 解析 ご自身の User-Agent はすでに欄に入っています。ログから他人の文字列を貼り付ければ、それが実際に何を言っているかが分かります。この文字列は、もう額面どおりには読めない名前だらけです。
- マウスのテスト テスト領域の中で各ボタンを押し、ホイールを回してください。ブラウザーが受け取ったものが光ります。さらに押下の間隔も見張っています。マウスでいちばん多い故障はボタンが効かないことではなく、摩耗…