本文へスキップ
ToolMug

画面解像度の確認

画面解像度やそのほかのディスプレイ情報を、ブラウザから直接読み取って表示します。壁紙選び、レスポンシブデザインのテスト、サポートへの問い合わせに答えるときに便利です。

ブラウザ内で動作 — 入力した内容はアップロードされません

あなたの画面解像度

 

 

画面サイズ(CSS ピクセル)—
物理ピクセル—
デバイスピクセル比—
ブラウザウィンドウ(ビューポート)—
利用可能な画面領域—
色深度—
色域—
HDR—
画面の向き—
タッチスクリーン—
カラースキーム—
リフレッシュレート(実測)—

ブラウザはサイズを CSS ピクセルで報告します。表示スケーリング(Windows の 150% や Mac の Retina など)を使っている場合、物理解像度は CSS サイズにデバイスピクセル比を掛けた値になります。

使い方

  1. ページを開くと、画面解像度が上部に表示されます。
  2. 表で、物理ピクセルやリフレッシュレートなどの詳細を確認します。
  3. ブラウザのウィンドウサイズを変えると、ビューポートのサイズが変わるのを確認できます。

オプションの説明

CSS ピクセルと物理ピクセル
ブラウザはサイズを CSS ピクセルで報告します。表示スケーリングを使っていると、1 CSS ピクセルが複数の物理ピクセルに相当します。デバイスピクセル比を掛けると、パネル本来の解像度になります。
リフレッシュレート
ブラウザが約 1 秒間にフレームを描画する回数から推定します。省電力モードや一部のブラウザでは、より高速な画面でも 60 Hz に制限されます。

スケーリングの例と値の求め方

「物理ピクセル」の行は、画面サイズ (CSS ピクセル) にデバイスピクセル比を掛けたもので、どちらも整数に丸められます。典型的な組み合わせは次のとおりです。

パネル (物理) 表示スケーリング 画面サイズ (CSS ピクセル) デバイスピクセル比
1920 × 1080 100% 1920 × 1080 1
2560 × 1440 100% 2560 × 1440 1
3840 × 2160 150% 2560 × 1440 1.5
3840 × 2160 200% 1920 × 1080 2

画面サイズの後ろの括弧内の比 (16:9 など) は、幅と高さをその最大公約数で割ったものです。これで小さな整数にならない場合は、最も近い一般的な比が、先頭に ≈ を付けて表示されます。たとえば、2560 × 1080 は ≈ 21:9 と表示されます。1440 × 900 の画面は、慣例により 8:5 ではなく 16:10 と書かれます。

ブラウザウィンドウ (ビューポート) はページ領域のサイズで、ウィンドウの大きさを変えると変化します。一方、画面サイズと、タスクバーやドックを除いた利用可能な画面領域は変わりません。

リフレッシュレート (実測) は、約 90 個のアニメーションフレームの間隔から求めます。ツールは間隔の中央値を取ってヘルツに換算し、標準的なレート (24、30、48、50、60、72、75、90、100、120、144、165、170、180、240、360 Hz) の 3% 以内であればそのレートに合わせ、そうでなければ丸めた値を表示します。

よくある質問

解像度がモニターの仕様より低いのはなぜですか?

表示スケーリングがオンになっています。150% スケーリングの 4K モニターでは、2560 × 1440 CSS ピクセル、ピクセル比 1.5 と表示されます。

144 Hz のモニターなのに 60 Hz と表示されるのはなぜですか?

ディスプレイ設定でリフレッシュレートを確認し、ブラウザのウィンドウがそのモニター上にあることを確かめてください。バッテリー節約モードで制限されている場合もあります。

複数のモニターがある場合、どの画面が測定されますか?

ブラウザのウィンドウが表示されている画面です。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール