画面解像度チェッカー Screen Resolution Tester
現在のモニター解像度やウィンドウサイズを自動測定。
Web制作や設定確認に便利な無料のディスプレイ情報ツールです。
🖥️ あなたの画面情報
このツールは完全にブラウザ内で動作します。あなたのディスプレイ情報がサーバーに送信・収集されることはありません。
画面解像度チェッカーの概要
画面解像度チェッカー(Screen Resolution Tester)は、現在あなたが使用しているPCやスマートフォンの画面解像度、ブラウザのウィンドウサイズ(ビューポート)、デバイスピクセル比(DPR)、色深度を瞬時に測定・表示する無料のオンラインツールです。
Webデザイナーや開発者がレスポンシブデザインの確認を行ったり、リモートサポートを受ける際に「自分の画面サイズが分からない」という方がアクセスするだけで簡単に数値を把握するのに役立ちます。
すべての測定処理はお使いのブラウザ内(ローカル環境)で実行されるため、デバイス情報などのデータが外部サーバーに送信されることは一切なく、安全にご利用いただけます。
画面解像度チェッカーの使い方
ページにアクセスする
このページを開くだけで、ツールがお使いのデバイスやブラウザの設定を自動的に検知します。手動での測定開始ボタンなどは不要です。
各種数値を確認する
上部のパネルに、ご利用の画面解像度や現在のウィンドウサイズ、デバイスピクセル比などが表示されます。必要に応じて数値をメモしてください。
ウィンドウサイズを変更してみる
ブラウザのウィンドウを拡大・縮小すると、「ウィンドウサイズ」の数値がリアルタイムに変動し、現在のサイズを正確に把握できます。
解像度・ディスプレイ関連の用語集
- 画面解像度 (Screen Resolution)
- ディスプレイ全体の物理的、またはOSで設定された論理的なピクセル数(横×縦)のこと。例としてフルHD(1920×1080)や4K(3840×2160)などがあります。
- ビューポート (Viewport / ウィンドウサイズ)
- 現在ブラウザで実際にWebページを表示している領域のサイズのこと。ブックマークバーやスクロールバーなどを除いた、純粋な表示部分を指します。
- デバイスピクセル比 (DPR / Device Pixel Ratio)
- CSS上の1ピクセルを、物理的なディスプレイの何ピクセルで描画するかを示す比率。Retinaディスプレイなどの高精細モニターでは2.0や3.0といった値になります。
- 色深度 (Color Depth)
- ディスプレイが一度に表示できる色の数をビット数で表したもの。現代の一般的なディスプレイの多くは24ビット(約1677万色)のフルカラーに対応しています。
- アスペクト比 (Aspect Ratio)
- 画面の横幅と縦幅の比率のこと。テレビやPCモニターで一般的な「16:9」のほか、近年は縦に長いスマホ向けの比率も多様化しています。
よくある質問
- Q.画面解像度とウィンドウサイズはどう違うのですか?
- 画面解像度は「お使いのモニター画面全体」のサイズです。一方、ウィンドウサイズは「ブラウザがページを表示している枠」のサイズを指します。ブラウザを全画面表示にしない限り、ウィンドウサイズは画面解像度よりも小さくなります。
- Q.表示されている解像度が、モニターの実際の仕様よりも小さいのはなぜですか?
- OSの「ディスプレイの拡大縮小設定」(Windowsの125%や150%、Macの「文字を拡大」など)がオンになっているためです。ブラウザは拡大率が加味された「論理解像度」を取得するため、物理的なピクセル数より小さい値が表示される場合があります。
- Q.スマートフォンでも正確に測定できますか?
- はい、スマートフォンやタブレットでも測定可能です。端末の向き(縦持ち・横持ち)を変えると、リアルタイムに画面解像度とウィンドウサイズが更新されることが確認できます。
- Q.デバイスピクセル比(DPR)とは何ですか?
- AppleのRetinaディスプレイなどに代表される高画質モニターにおいて、より鮮明な文字や画像を描画するための機能です。DPRが2の場合、通常サイズの画像を縦横2倍(面積で4倍)の密度で描画していることを意味します。
- Q.この情報が外部に漏れることはありませんか?
- いいえ、外部に送信されることはありません。本ツールはJavaScriptを用いてお客様のブラウザ内で完結する処理を行っており、取得した数値をサーバーへ送信・保存する機能は一切含まれていません。
活用シーン
ディスプレイ設定の確認
新しく購入したモニターやPCの解像度設定が正しく行われているか、または意図せず画面が拡大表示されていないかを確認する際に役立ちます。
Webサイト開発とデバッグ
Webデザイナーやエンジニアが、レスポンシブデザインのブレイクポイント(スマホやPCの表示切り替え幅)に合わせてウィンドウサイズを調整する際に使用します。
画像素材のサイズ選定
自分のPCでフルスクリーン表示の壁紙や背景画像を作成する際、現在の実際の画面解像度やアスペクト比を把握して最適なサイズを割り出せます。
リモートサポートの補助
PC操作のサポートを受ける際、「画面の解像度はいくつですか?」と聞かれた時に、このページを開くだけで正確な数値を相手に伝えることができます。
フィードバックを送信
ツールをより良くするためのご意見をお聞かせください。
現在、フィードバックの受付を一時停止しています
サーバーが混み合っているか、スパム防止のための安全装置が作動しています。しばらく経ってから再度アクセスしてください。