Screen Resolution Detector

Screen resolution is the total number of pixels your physical display can show. Viewport size is the area available to the browser for rendering web content, which is smaller because it excludes browser chrome like the address bar, tabs, and scrollbars.

Device pixel ratio is the ratio between physical pixels and CSS pixels. A DPR of 2 means the screen uses 2 physical pixels for every 1 CSS pixel, resulting in sharper text and images. Retina and HiDPI displays typically have a DPR of 2 or higher.

Responsive breakpoints are specific viewport widths where a website layout changes to better fit the screen size. Common breakpoints are 640px for mobile, 768px for tablet, and 1024px or 1280px for desktop.

Yes! All processing happens entirely in your browser. Your data is never sent to any server. No data is collected, stored, or transmitted.

If your operating system uses display scaling (such as 125% or 150%), the reported CSS resolution will differ from your physical pixel count. The tool shows both the effective resolution and the device pixel ratio so you can calculate the actual hardware resolution.