Instantly detect your display and device details. This online tool helps you find screen resolution, viewport size, DPR, OS, browser version, user agent, and more.
Displays the total width and height of your entire screen in pixels.
The visible area width and height within your browser window. Key for responsive design.
Ratio of physical screen pixels to CSS pixels. DPR ≥ 2 often indicates a 'Retina'/HiDPI display.
Number of bits used for each color component of a single pixel.
The operating system running on your device.
Your web browser name and version.
Indicates if your browser accepts cookies.
Whether your device has touch screen capabilities.
The full string your browser sends to identify itself to web servers.
Simulated preview box. Select a preset or enter custom dimensions.
Simulated Size: ---
Screen resolution refers to the number of pixels displayed on your screen, typically represented as width x height (e.g., 1920 x 1080). Higher resolutions mean more pixels and sharper images.
Viewport size is the visible area of a webpage in your browser window. It's important for responsive design as it determines how your website will be displayed on different devices.
DPR is the ratio between physical pixels and CSS pixels. A DPR of 2 means that for every CSS pixel, there are 2 physical pixels. This is common in high-resolution displays like Retina screens.
Understanding screen sizes, resolutions, and DPR helps developers create responsive websites that look great on all devices. It's essential for optimizing user experience across different screens.
It's good practice to check device information when testing responsive designs, debugging display issues, or ensuring your website works correctly across different devices and browsers.