About This Tool
What is 画面解像度 / DPI?
A tool for checking screen resolution, DPI, viewport size, device pixel ratio, and other display information. Useful for responsive web design, display settings verification, and browser environment identification.
How to Use
- Screen information is automatically displayed when you visit the page.
- Check screen resolution, viewport size, DPI, and more.
- Additional info like touch support and color depth is also available.
Key Features
- Screen resolution and viewport size
- Device pixel ratio (DPR) and estimated DPI
- Color depth and orientation info
- Browser language, platform, and environment details
Tips
- A device pixel ratio (DPR) of 2 indicates a Retina display.
- Common resolutions: FHD (1920x1080), QHD (2560x1440), 4K (3840x2160).
- Resizing the browser window updates viewport info in real time for responsive design testing.
Frequently Asked Questions
画面解像度とビューポートサイズの違いは何ですか？▼
画面解像度はディスプレイの物理ピクセルの総数（例：1920x1080）。ビューポートサイズはブラウザウィンドウ内でウェブコンテンツが利用できる領域で、ツールバー、スクロールバー、OSタスクバーを除きます。レスポンシブウェブデザインで重要なのはビューポートです。
Device Pixel Ratio（DPR）とは何ですか？▼
DPRは物理ピクセルとCSSピクセルの比率です。DPR 2は各CSSピクセルが2×2の物理ピクセルで描画され、より鮮明なテキストと画像になります。Retina/HiDPIディスプレイで一般的です。ウェブ開発者はDPRを使用して高解像度画面に適切なサイズの画像を提供します。
画面解像度が公表スペックと異なって見えるのはなぜですか？▼
OSのディスプレイスケーリング設定により、報告される解像度が異なって見えることがあります。例：4K（3840x2160）ディスプレイを200%スケーリングで使用すると、有効解像度は1920x1080 CSSピクセルでDPR 2と報告されます。解像度とDPR値を一緒に確認してください。