About browsers and devices
DPR and color depth
What pixel ratio and color depth indicate about the display.
Updated: October 9, 2026
Device Pixel Ratio (DPR) is the ratio of physical pixels used to draw one CSS pixel. With DPR 2, one CSS pixel commonly spans two physical pixels in each dimension.
What is Color Depth?
Color Depth is the number of bits the browser reports for representing screen color. Values such as 24 bit are common, but this alone cannot fully describe panel color quality or HDR support.
How NetKarte obtains them
Check DPR and Color Depth in NetKarte's Device card alongside Screen resolution and Viewport. After changing the display scale or screen, run the diagnosis again to obtain values for those conditions.
NetKarte uses window.devicePixelRatio and window.screen.colorDepth. DPR can change with page zoom or when a window moves between displays.
How to read the result
A high DPR suggests a high-density display but does not directly give physical size or resolution. Both values help rendering decisions and are not unique device identifiers.
DPR 2 is not a physical screen size
Illustratively, 100 CSS pixels at DPR 2 correspond to about 200 device pixels horizontally. This establishes neither screen inches nor actual photo sharpness. Match page zoom and OS scaling before comparing, and run diagnostics again.
Two displays reporting 24-bit color can differ in gamut, brightness, calibration, and HDR. NetKarte does not measure those properties. For blurry images, check source image size, CSS enlargement, and browser zoom as well as DPR.
References
- W3C CSS Working Group: CSSOM View Module: Screen and viewport (External site)Checked: 2026-10-09
- MDN Web Docs: Window.devicePixelRatio (External site)Checked: 2026-10-09
- MDN Web Docs: Screen.colorDepth (External site)Checked: 2026-10-09