Screen Resolution
Your screen size, browser and device.
Runs entirely in your browser. Nothing you enter or upload leaves your device.
What the screen resolution checker does
This page reads your screen size, browser window size, pixel ratio and a list of browser and device settings, and shows them in one place. There is nothing to type: the figures appear as soon as the page loads.
It helps web designers and developers see what a layout will be given, support teams who need to know what a customer is using, and anyone checking that a new monitor is running at the expected resolution or choosing a wallpaper size.
How to use the screen resolution checker
- Open the page; the details appear straight away.
- Resize the browser window to watch the viewport size change.
- Use Copy details to copy the browser and device list, including screen size, viewport, pixel ratio and user agent, ready to paste into a support ticket or bug report.
Understanding the results
The large figure is your screen resolution in CSS pixels. Beside it you get the viewport, the device pixel ratio, the approximate physical resolution, the available screen, the colour depth and the orientation. Available screen is the space left once fixed bars, such as the Windows taskbar or the macOS menu bar and Dock, are taken away.
The browser and device list adds the browser and operating system, whether the screen accepts touch, the pointer type, your dark mode and reduced motion preferences, wide colour (P3) support, language, time zone, whether cookies are on, and the full user agent string. Browsers can round or hide some of these values for privacy, so treat them as what your browser reports rather than a hardware test.
Questions
Why is my resolution lower than my monitor’s?
Browsers report CSS pixels. On high-density screens one CSS pixel covers several physical pixels; multiply by the device pixel ratio for the approximate physical resolution.
What is the device pixel ratio?
The number of physical pixels used for each CSS pixel along a side. A ratio of 2 means every CSS pixel is drawn as a 2 × 2 block, which makes text sharper. In many desktop browsers, zooming the page in or out changes the ratio too.
What is the viewport?
The area inside the browser window where pages are drawn. Websites use it, not the screen size, to decide their layout.
Is this information sent to UtiBox?
No. It is read by your browser on this page and shown only to you.