Screen Info
Check your screen resolution, viewport size, DPR, and device details instantly.
Loading Screen Info...
⚙️ How It Works
The tool reads your device and browser data using built-in APIs like window, screen, and navigator. Values update in real time as you resize your browser or change device orientation.
❓ Frequently Asked Questions
What is my screen resolution?
Your screen resolution is the total number of physical pixels your display supports (e.g., 1920×1080). This tool detects it directly from your device.
What is the difference between screen resolution and viewport size?
Screen resolution is your display’s full pixel size. Viewport size is the visible area inside your browser window, which changes when you resize the window.
What is Device Pixel Ratio (DPR)?
DPR is the ratio of physical pixels to CSS pixels. A DPR of 2 means each CSS pixel uses 4 physical pixels, resulting in sharper visuals on high-density displays.
Why does my viewport size change?
Viewport size changes when you resize your browser window, open dev tools, or switch device orientation.
Can I use this tool for responsive design testing?
Yes. Developers commonly use viewport and DPR data to test layouts across different screen sizes and pixel densities.
Does this tool work on mobile devices?
Yes. It detects screen size, orientation, touch support, and DPR on smartphones and tablets.
Is my data sent to a server?
No. All data is read locally from your browser APIs and never transmitted.
Does this tool work offline?
Yes. Once loaded or installed as a PWA, it works fully offline.
Does the Screen Info work offline?
Yes, the Screen Info is fully functional offline. Because this tool runs entirely in your browser, no data is ever uploaded to external servers. Once the page is loaded, you can seamlessly continue using it without an active internet connection. You can also install Knicknaks as a Progressive Web App (PWA) for native-like offline access.