By ToolzHive
About this tool
See your screen resolution, browser window size, pixel ratio and color depth.
How to use What Is My Screen Resolution
- Open the page to see your screen resolution at the top.
- Resize the browser window to watch the viewport size update.
- Share the details with a designer or developer testing a layout.
Worked example
A laptop with a 2560 × 1600 panel at 200% scaling reports 1280 × 800 CSS pixels and a pixel ratio of 2, which is the size websites design for.
Why is the resolution lower than my screen’s specification?
Operating systems scale high-resolution screens. Websites see CSS pixels; the physical pixel count is shown separately.
What is the viewport?
The visible area of the page inside the browser window, which responsive layouts adapt to.
Put this guide into practice
- What Is My Screen Resolution — See your screen resolution, browser window size, pixel ratio and color depth.