How this display info tool works
Open the page and it reads everything your browser knows about the screen: screen resolution, viewport size, device pixel ratio, color depth, color gamut (sRGB, P3 or Rec.2020), HDR support, orientation, aspect ratio, touch points and whether your system prefers dark mode. Where the browser allows it, multiple screens are listed too. The PPI calculator takes your diagonal size in inches and works out pixel density.
All values are read locally by your browser and nothing is sent anywhere.
How to read the results
- Screen resolution. The size reported by the system, such as 1920×1080. On a scaled display this can be smaller than the physical panel.
- Viewport. The visible area of the browser window in CSS pixels. It changes when you resize the window or zoom.
- Device pixel ratio (DPR). How many physical pixels make one CSS pixel. A DPR of 2 means a 1920×1080 CSS area uses 3840×2160 real pixels. This is what "Retina" means.
- Color depth. Usually 24-bit. Higher values mean smoother gradients.
- Color gamut. sRGB is the standard. P3 and Rec.2020 are wider and show more saturated colors.
- PPI. Pixels per inch. Around 90 to 110 is typical for desktop monitors, 220 and above for laptops and phones.
CSS pixels and physical pixels differ because operating systems scale the interface so text stays readable on dense screens. A 4K monitor at 200 percent scaling reports 1920×1080 in CSS pixels. Common resolutions include 1366×768, 1920×1080, 2560×1440 and 3840×2160.
Wrong resolution? Try these fixes
- Windows. Open Settings → System → Display, pick the monitor and choose the recommended resolution under Display resolution. Adjust Scale if text is too small.
- macOS. Go to System Settings → Displays and select Default for display, or Scaled for other sizes.
- Android. Go to Settings → Display → Screen resolution where available, and Display size and text for scaling.
- iPhone and iPad. Resolution is fixed. Use Settings → Display & Brightness → Display Zoom to change size.
- Update the graphics driver if only low resolutions are listed, and use a cable that supports your monitor's native resolution.
- Browser zoom. If the numbers look odd, press Ctrl+0 (Cmd+0 on Mac) to reset zoom, since zoom changes the viewport and DPR.
Why check your display info
Knowing your real resolution and scaling helps you pick the right wallpaper, set up a game or stream, buy the right monitor size and compare it with the specs on the box. Developers use it to test responsive layouts, and support teams ask for these numbers when diagnosing blurry text or oversized interfaces.
If you share a screenshot of this page with a support team or a game's help desk, they can see at a glance whether scaling, orientation or color settings might explain what you are seeing.
Frequently asked questions
What is my screen resolution?
It is shown at the top of this page as width by height in pixels. Note that scaling can make it lower than the physical resolution of the panel.
What is device pixel ratio?
It is the number of physical pixels used for each CSS pixel. A ratio of 2 means the screen is sharp, high-density Retina-style.
Why does my 4K monitor show 1920x1080?
Your operating system is probably scaling the interface to 200 percent. The browser reports CSS pixels, so a scaled 4K display looks like 1920×1080.
How do I calculate PPI?
Divide the diagonal resolution in pixels by the diagonal size in inches. Enter your screen size in the PPI calculator and it does this for you.
Does my screen support HDR?
The tool reports whether your browser says the display can show HDR. You may also need HDR turned on in your operating system settings.
What is the difference between screen size and viewport?
Screen size is the whole display. The viewport is only the visible area of the browser window, which changes when you resize or zoom.
Which is better, 1920×1080 or 2560×1440?
2560×1440 has about 78 percent more pixels, so it looks sharper at the same screen size, especially on monitors of 27 inches and larger. It also needs a stronger graphics card for games.
How many inches is my screen?
The browser cannot read the physical size, so you need to measure the diagonal from corner to corner or check the model specifications. Enter that number in the PPI calculator to get your pixel density.