Screen Resolution
Instantly check your screen resolution, browser viewport size, pixel density and color depth. Everything is read live in your browser — nothing is uploaded or stored.
| Property | Value | What it means |
|---|
Tip: resize this window or rotate your device — the viewport, aspect ratio and orientation update automatically.
How to use the Screen Resolution checker
- Read your numbers. The big figure at the top is your screen resolution in CSS pixels; the cards below show viewport size, pixel density and color depth.
- Resize to compare. Drag the window edge or rotate your phone and watch the browser viewport, aspect ratio and orientation values update in real time.
- Copy the report. Press Copy report to put every value on your clipboard — handy for bug reports, CSS breakpoints or support tickets.
About this tool
This screen resolution checker reports two different sizes that people often confuse. The screen resolution is the size of your whole display in CSS pixels, while the browser viewport is only the area your web page can draw in, minus toolbars and scrollbars. On high-DPI displays the browser also applies a device pixel ratio, so a 1440-pixel-wide screen with a DPR of 2 actually packs 2880 physical pixels — which is why we show a separate physical-pixel figure.
Knowing these numbers is useful for choosing responsive CSS breakpoints, exporting artwork at the right density, filing precise bug reports, or checking whether a monitor is running at its native resolution. Everything here is read directly from your browser's screen and window objects, so it is accurate to your current device and completely private — no measurement ever leaves your computer.
Frequently asked questions
Why is my screen resolution smaller than the number on my monitor's box?
Browsers report resolution in CSS pixels, not physical pixels. If your operating system applies display scaling (for example 150% on Windows or Retina scaling on a Mac), the CSS resolution is divided by the device pixel ratio. Multiply the screen value by the DPR shown here to get the physical pixel count.
What is the difference between screen size and viewport size?
Screen size is your entire display. Viewport size is only the part of the browser window where the page renders, so it is smaller — it excludes the address bar, bookmarks bar, developer tools and scrollbars. Responsive web design almost always targets the viewport, not the screen.
What does device pixel ratio (DPR) mean?
DPR is how many physical device pixels make up one CSS pixel. A value of 1 is a standard-density display; 2 or 3 indicates a high-DPI or "Retina" screen. It matters when you export images, because a DPR of 2 needs graphics at double the pixel dimensions to look sharp.
Is any of this information sent to a server?
No. Every value is read locally from your browser and shown only to you. Nothing is uploaded, logged or shared, so you can safely include the copied report in a public bug ticket without revealing personal data beyond your display specs.