Your laptop's screen resolution is the pixel width × height the operating system hands to the browser — values like 1920×1080, 2560×1440, or 1366×768 — and the Screen Resolution Checker reads those exact numbers from the browser, along with the device pixel ratio used to estimate the backing-store pixel dimensions. When you need to confirm what your laptop actually reports for a software requirement, a screenshot, a remote-support ticket, or a hardware claim, the fastest reliable method is to read what the browser already sees. Unlike a manufacturer spec sheet, the browser value reflects what layout and rendering actually use today, including any operating-system scaling or zoom that may have changed the coordinate space. The numbers you see are not the same as the panel's marketed name (such as "2.8K" or "Retina"), and they are not a measurement of physical size in inches — they are simply a width times a height, exposed as CSS pixels. That is also why two laptops with the same hardware panel can show different numbers in a browser when their scaling settings differ.
What laptop screen resolution actually is
On a laptop, screen resolution is normally written as width × height in pixels. A 1920×1080 panel reports 1920 pixels across and 1080 pixels down to the operating system; the browser then receives those numbers as CSS pixels. A 2560×1440 (QHD) panel reports 2560 × 1440, and a 3840×2160 (4K UHD) panel reports 3840 × 2160. These are the numbers the Screen Resolution Checker reads from screen.width and screen.height — the coordinate space exposed to web content.
Resolution is independent of physical size. A 13.3-inch laptop can report 1920×1080, and a 17.3-inch laptop can also report 1920×1080; the pixel density differs, but the resolution number does not. Resolution is also independent of "Retina" or "2.8K" marketing names, which usually describe a ratio against a baseline panel rather than the raw width × height.
When the operating system applies display scaling, the CSS pixel grid reported to the browser can stay the same width × height even though the physical panel has many more addressable pixels. On a typical 14-inch 2.8K laptop running Windows scaling at 150%, the browser may still read 1920×1200 CSS pixels while the underlying panel resolves more detail. This is exactly the distinction the tool makes visible: CSS screen dimensions versus an estimated device-pixel multiplication.
Why a browser can read your laptop's resolution
Every modern browser exposes a small, standardized set of values that describe the window and the display it sits in. Web content does not get the panel's raw hardware pixels, the manufacturer's firmware data, or a calibrated physical measurement, but it does receive a coordinate system it can rely on. The Screen Resolution Checker reads five of those values:
- screen.width and screen.height — the full CSS screen width and height.
- screen.availWidth and screen.availHeight — the available screen area, which may exclude operating-system interface regions.
- window.innerWidth and window.innerHeight — the current viewport, the page layout area.
- window.outerWidth and window.outerHeight — the outer browser window.
- window.devicePixelRatio — the browser's pixel ratio for scaling CSS pixels to backing-store pixels.
Because the tool only reads these standard properties, no driver, no extension, and no external lookup is needed. Everything happens in the open tab, and a refresh re-reads the current values. The device pixel ratio is then used to produce an estimated device-pixel dimension by multiplying the CSS screen width and height by that ratio and rounding to whole numbers.
Check your laptop screen resolution in three steps
- Open the Screen Resolution Checker in the same browser where you want to confirm the resolution. The page displays the CSS screen, available screen, viewport, outer window, device pixel ratio, estimated device pixels, and orientation in labelled fields. Treat each label as a separate value rather than a single "resolution" line.
- Resize or move the browser window if you want to see how the viewport and outer-window fields respond. The CSS screen and available screen fields stay tied to the operating system's reported display, so they usually do not change when you resize; the viewport and outer-window values do change. The page updates on resize, so the new numbers appear without a manual refresh.
- Select Copy report to place every visible field on the clipboard as plain text. Paste the result into a note, a ticket, or a chat to keep the exact conditions — browser, window size, zoom, and which display the laptop was on at that moment. No history is saved inside the widget, so the copied text is the only record unless you store it yourself.
Read every field the tool reports
The fields shown below are not interchangeable. Each one describes a different measurement taken from a different browser property, and the difference between them is the reason a single number can be misleading when you are checking your laptop screen resolution.
| Field | Browser source | What it means on a laptop |
|---|---|---|
| Screen (CSS) | screen.width / screen.height | Full CSS pixel coordinate space the OS exposes to the browser. |
| Available screen | screen.availWidth / screen.availHeight | Screen minus operating-system interface such as a docked taskbar or menu. |
| Viewport | window.innerWidth / window.innerHeight | Area available to the page's layout viewport. |
| Outer window | window.outerWidth / window.outerHeight | Browser window including chrome, side panels, developer tools, and platform decorations. |
| Device pixel ratio | window.devicePixelRatio | Browser's ratio for scaling CSS pixels to backing-store pixels. |
| Estimated device pixels | round(CSS screen × ratio) | Backing-store estimate, explicitly labelled, not the panel's native pixels. |
| Orientation | width vs height comparison | Landscape, Portrait, or Square label based on the two CSS numbers. |
When you paste the report into a support ticket, the support engineer can see not just the headline "resolution" but also whether the OS interface is being excluded (available versus full screen) and whether the browser window is a normal size (outer ≈ inner) or has side panels or developer tools docked (outer noticeably larger than inner).
What changes the numbers on a laptop
The numbers in the tool are not fixed — they describe the current browser environment. Several common laptop actions change them, and each change is worth recording if you want a meaningful report.
| Action on the laptop | What usually changes |
|---|---|
| Resize the browser window | Viewport and outer window; CSS screen and available screen typically stay the same. |
| Change browser zoom | Viewport rescales; device pixel ratio may change, which changes the estimated device pixels. |
| Move window to a different display | Screen, available screen, viewport, outer window, device pixel ratio, and the estimated multiplication. |
| Enter or leave fullscreen | Viewport and outer window expand so the page fills more of the display; outer ≈ inner. |
| Change OS display scaling | CSS coordinate space (100% versus 150% versus 200% scaling gives different CSS pixel dimensions). |
| Disconnect an external display, mirror versus extend, or close the lid | The active display the browser is on, plus everything that depends on it. |
Because of this, the most useful reports are before-and-after pairs: capture the values, change one condition, capture again, and paste both into your note so the change is documented rather than guessed.
What this tool cannot tell you about your laptop panel
The contract is deliberately narrow. The browser exposes a coordinate space and a ratio; it does not expose the panel's hardware identity. The Screen Resolution Checker cannot measure inches, centimeters, dots per inch, pixel pitch, color depth, refresh rate, HDR capability, color gamut, brightness, panel type, physical diagonal, cable capability, GPU output mode, or EDID data. A normal web page simply does not receive enough trustworthy hardware information to make those claims.
For laptop-specific specs that matter when buying, diagnosing, or calibrating a display, use the operating system display settings and the manufacturer's specifications instead. For pixel-level hardware checks such as a stuck-pixel or sub-pixel check, a complementary browser page like a Dead Pixel Test inspects the panel against solid colors, while a laptop keyboard test covers the input side rather than the display.
The estimated device-pixel multiplication is helpful for understanding the relationship between CSS coordinates and a backing store, but the label "estimated" is there for a reason. Display scaling, browser zoom, OS scaling, compositor behavior, screenshots, remote desktops, multi-panel setups, and privacy reduction can all prevent that multiplication from matching the physical panel's native addressable pixels. For example, a CSS screen of 1440 × 900 multiplied by a device pixel ratio of 2 yields 2880 × 1800 — that is the tool's openly described estimate, not a measurement of the panel itself.
Save the report under the right conditions
The widget saves nothing on its own; after reload, nothing is kept. The point of the Copy report button is to make it trivial to record the exact numbers under the exact conditions. For a useful troubleshooting report, copy the values before and after changing browser zoom, moving the window to another display, entering fullscreen, or changing operating-system scaling. Record the conditions outside the page — browser, OS, scaling, which display, window size, zoom level — so that a future reader can interpret what each pair of numbers means.
If your laptop is being prepared for a remote support session, a clean workflow is to open the tool on the affected laptop, copy the report, paste it next to a short sentence about what was happening on screen at that moment, then make the change you intend to test, copy again, and paste the second block. Two reports taken seconds apart in different conditions will normally tell you more than any single reading.
A complementary habit for laptops that should stay awake during long reading or task-following sessions is to keep the panel on with a dedicated keep-screen-on tab, so the values are not lost to a sleep event while you work.
Putting it together
The Screen Resolution Checker gives you a quick, honest reading of what your laptop and its current browser session actually report — a width × height in CSS pixels, an available area that may exclude the taskbar, a viewport and outer window that respond to resize, a device pixel ratio, and an openly labelled estimate of backing-store pixels. That is enough to answer "what is my laptop screen resolution right now" for most software, support, and documentation needs. For the deeper questions — native panel pixels, color, refresh rate, physical size, and EDID data — pair the browser reading with the operating system display settings and the manufacturer's specifications.