Screen Test

Additionally

Has touch screen
✘ No
Max touch points
0

How to test your screen

The screen test shows the display information that your browser can detect on monitors, laptops, smartphones and tablets.

  1. Open this page on the screen that you want to check.
  2. Wait a few seconds while the browser measures the frame rate and estimated refresh rate.
  3. Compare the actual and logical resolution, aspect ratio, color depth, HDR status and touch capabilities with the specifications of your device.
  4. If several monitors are connected, allow access to screen information when the browser asks. The page can then show each supported display separately.

What do the screen test results mean?

  • Actual size is the logical screen size multiplied by the device pixel ratio. It approximates the number of physical pixels available to the browser.
  • Logical size is the resolution used by webpages after operating-system scaling or browser zoom is applied.
  • Device pixel ratio shows how many physical pixels correspond to one CSS pixel.
  • Aspect ratio is the proportional relationship between the screen width and height, such as 16:9 or 16:10.
  • Color depth is the number of bits the browser reports for displaying color.
  • Frame rate and refresh rate are browser-based measurements. They can change when the tab is inactive, the page is scrolling, power saving is enabled or the system is under load.
  • HDR and color spaces indicate browser support for high dynamic range and formats such as sRGB, Display P3 and Rec. 2020. Support in the browser does not by itself confirm that the panel is calibrated correctly.

Why is the detected resolution different?

A 4K monitor does not always appear as 3840×2160 in the logical-size result. Windows display scaling, macOS Retina mode, mobile-device density and browser zoom can reduce the CSS resolution while keeping text and controls readable. Multiply the logical dimensions by the device pixel ratio to estimate the actual pixel dimensions reported to the browser.

The value may also differ when the browser window is moved between displays with different scaling settings. Reload the page after moving it, reset browser zoom to 100% and check the display settings in your operating system.

How does the multi-monitor test work?

Browsers that support the Window Management API can report connected displays, their arrangement, labels and whether a screen is internal or primary. This information requires permission because it can reveal details about your workspace. If permission is unavailable or denied, the test still shows the current screen using the standard Screen API.

Some HDR, color-space and detailed chromaticity values depend on experimental browser features and hardware support. A missing value therefore does not necessarily mean that the monitor lacks the feature.

What to do if a value looks incorrect

  • Reset browser zoom to 100% and reload the page.
  • Stop scrolling and keep the tab visible while refresh rate is measured.
  • Disable battery saver or low-power mode for a more stable frame-rate result.
  • Check that the correct resolution and refresh rate are selected in the operating-system display settings.
  • Update the browser and graphics driver, then repeat the test in another browser.
  • For an external monitor, check the cable, adapter and port: they can limit resolution, HDR or refresh rate.