RigCrafty ブラウザー上で動作・インストール不要

自分の画面解像度は?

お使いの画面の情報がすぐ下に表示されます。実際のパネル解像度、WindowsやmacOSによる拡大率、ブラウザウィンドウで実際に使える領域がわかります。

あなたの画面解像度—
CSSピクセルでの画面サイズ
—
デバイスピクセル比(スケーリング)
—
ブラウザウィンドウ(ビューポート)
—
利用可能な画面領域
—
アスペクト比
—
色深度
—
HDR
—
色域
—
向き
—
タッチスクリーン
—
メインポインター
—
ウィンドウのサイズを変えたり別の画面に移動したりすると、値がリアルタイムで更新されます。

数値の意味

大きな数字は、画面の物理解像度、つまりパネルの横と縦のピクセル数です。ブラウザが報告するサイズにデバイスピクセル比(OSが適用する拡大率)を掛けて計算しています。Windowsで125%や150%のスケーリングを使っている場合、ウェブサイトからは小さめの「CSSピクセル」サイズに見えますが、パネル自体の解像度はそのままです。

ブラウザウィンドウは、ウェブページが実際に使える広さを示します。ウェブデザインやブラウザで動くゲームでは重要です。色深度、HDR、色域は、ディスプレイとブラウザが表示できる色の種類を示します。ほとんどの画面は24ビットカラーとsRGBと報告しますが、新しめのノートPCやHDRモニターはDisplay P3やHDR対応と報告することがあります。

よく使われる解像度

画面の精細さを本当に知りたいなら、解像度と画面サイズを次のツールに入れてみてください。 PPI計算ツール.

よくある質問

解像度がモニターの仕様より小さく見えるのはなぜ?

OSは、高解像度の画面で文字が小さくなりすぎないようデスクトップを拡大します。Webサイトにはその拡大後のサイズ(CSSピクセル)が見えており、このページはそれにピクセル比を掛けて実際のパネル解像度を表示しています。

デバイスピクセル比とは?

CSSの1ピクセルに使われる物理ピクセルの数です。比率1.5はWindowsの拡大率150%に相当し、2はRetinaディスプレイや多くのスマホで一般的です。

ブラウザーのウィンドウサイズは画面の解像度と同じですか?

いいえ。ウィンドウ(ビューポート)はWebページが使える領域です。タスクバー、ブラウザーのツールバー、ウィンドウの枠があるため画面より小さく、ウィンドウのサイズを変えると変化します。

モニターはHDR対応なのに「いいえ」と表示されます。なぜですか?

ブラウザがHDRを報告するのは、OSのディスプレイ設定でHDRがオンになっていて、ブラウザが対応している場合のみです。WindowsまたはmacOSのディスプレイ設定でHDRを有効にして、ページを再読み込みしてください。

このページはスマホで使えますか?

はい。スマホでは高いピクセル比のため、物理解像度がCSSサイズよりかなり大きくなるのが普通です。

関連

その他の無料テスト