What is my screen resolution?
See your screen size, browser viewport, pixel ratio and color depth, measured by your browser. Resize or rotate and the numbers update live.
- Measured in your browser
- Updates live as you resize
- No signup needed
Your screen size (CSS pixels)
- Your displayEstimated physical pixels
- Scaling and zoomOS scaling plus browser zoom
- Screen in CSS pixels
- Browser viewport
Your display and viewport report
Values are what your browser reports. Browser zoom, operating system scaling and privacy settings can change them, so reset zoom (Ctrl + 0 or Cmd + 0) for a clean reading.
Screen resolution, viewport and pixel ratio
Three numbers that are easy to mix up. Here is what each one measures and why it differs from the specification sheet of your display.
Screen size is not your panel's pixel count
Browsers report the screen in CSS pixels: the physical resolution divided by your operating system's scaling. A 4K monitor at 150% scaling reports 2560 × 1440, and a 13.3-inch MacBook Air with a 2560 × 1600 panel reports 1440 × 900. The estimated physical pixels row multiplies back by the pixel ratio.
The viewport is what web pages actually get
The viewport is the area inside the browser window where the page is drawn. CSS media queries and responsive breakpoints compare against its width, scrollbar included. The layout width row shows the same area without the scrollbar, which is the space your content can really use.
Device pixel ratio connects the two
DPR is the number of physical pixels per CSS pixel. It is 1 on many office monitors, 1.25 or 1.5 with Windows scaling, 2 on most Macs and 2.6 to 3 on phones. On desktop Chrome, Edge and Firefox it also includes browser zoom, which is why zooming changes it.
Color depth, gamut and HDR
Color depth is the number of bits per pixel; 24-bit allows about 16.7 million colors. Most browsers report 24 even on 10-bit panels, so this page also checks color gamut (sRGB, Display P3 or Rec. 2020) and HDR support through CSS media queries, which describe the display more usefully.
Common resolutions and what this tool shows
The physical resolution on a specification sheet next to the CSS pixel size a browser typically reports.
| Physical resolution | Aspect ratio | Name | Typical devices | What this tool usually shows |
|---|---|---|---|---|
| 1920 × 1080 | 16:9 | Full HD | Most desktop monitors and many laptops. | 1920 × 1080 at 100% scaling, 1536 × 864 at 125%, 1280 × 720 at 150%. |
| 1366 × 768 | About 16:9 | HD (WXGA) | Budget and older laptops. | 1366 × 768 at 100% scaling. |
| 2560 × 1440 | 16:9 | QHD (1440p) | Office and gaming monitors. | 2560 × 1440 at 100%, about 1707 × 960 at 150%. |
| 3840 × 2160 | 16:9 | 4K UHD | 4K monitors and TVs. | 2560 × 1440 at 150% scaling, 1920 × 1080 at 200%. |
| 2560 × 1600 | 16:10 | WQXGA | 13.3-inch MacBook Air (M1), 13-inch MacBook Pro and many 16:10 laptops. | 1440 × 900 at the default macOS setting (pixel ratio 2). |
| 3024 × 1964 | About 1.54:1 | Liquid Retina XDR | 14-inch MacBook Pro (2021 and later). | 1512 × 982 at the default macOS setting (pixel ratio 2). |
| 1170 × 2532 | About 19.5:9 | iPhone (6.1-inch) | iPhone 12, 13 and 14. | 390 × 844 (pixel ratio 3). |
| 1080 × 2400 | 20:9 | FHD+ phone | Many Android phones. | Often 360 × 800 (pixel ratio 3) or 412 × 915 (pixel ratio 2.625). |
How this tool works
What happens between opening this page and seeing your report.
The page reads your screen
JavaScript in your browser reads the screen object: width, height, available area and color depth.
It measures the viewport
The browser window size, the layout area without the scrollbar and the visual viewport (pinch-zoom) are measured separately.
It checks display features
CSS media queries report pixel density, color gamut, HDR, pointer type and your accessibility preferences. A short animation-frame test estimates the refresh rate.
It keeps updating
Resize the window, rotate a phone, zoom or move the window to another monitor and the numbers update on their own.
Nothing leaves your browser
The report is built on your device. Copy and download also happen locally; no measurements are sent to our server.
What this tool does, and what it doesn't
A plain list, so you know exactly what to expect.
This tool does
- Show screen size, viewport and pixel ratio
- Estimate your physical pixel resolution
- Update live on resize, rotation and zoom
- Check color gamut, HDR and refresh rate (estimated)
- Show which Tailwind and Bootstrap breakpoint applies
- Copy or download the full report
This tool does not
- Measure your screen size in inches
- List every connected monitor
- Send your measurements to our server
- Use canvas, WebGL or audio fingerprinting
- Track you across visits
- Require an account
Where your data goes
Every value on this page is measured by JavaScript in your browser, and the report is built, copied and downloaded on your device. This tool sends no measurements anywhere. Like any website, our server receives the standard request when the page loads (your IP address and browser headers) and may keep normal access logs, as described in our privacy policy.
Want the full background? Read the screen resolution guide by Bhavin J. Sheth.
Why your numbers might look unexpected
The six surprises people ask about most, and what each one means.
The viewport is smaller than the screen
This is normal. The viewport excludes tabs, the address bar, bookmarks, scrollbars and the taskbar or Dock, so even a maximised window leaves a viewport noticeably shorter than the screen.
A 1920 × 1080 laptop shows 1536 × 864
Windows display scaling is set to 125%. Browsers report CSS pixels, which are physical pixels divided by the scaling factor. The pixel ratio row shows 1.25 and the estimated physical pixels row shows 1920 × 1080.
The numbers changed after zooming
Browser zoom changes the size of a CSS pixel. On desktop Chrome, Edge and Firefox the viewport shrinks and the pixel ratio grows as you zoom in. Press Ctrl + 0 (Cmd + 0 on a Mac) to reset.
Only one monitor is shown
Browsers report the screen that currently holds the window. Move the window to the other monitor and the numbers update. The multiple screens row shows whether your browser reveals that more than one screen is connected.
A phone shows 390 × 844
Phones report CSS pixels so text is not microscopic. An iPhone with a 1170 × 2532 panel and a pixel ratio of 3 reports 390 × 844. Multiply by the pixel ratio to get the physical resolution.
The viewport height changes while scrolling on mobile
Mobile browsers hide and show the address bar as you scroll, which changes the viewport height. The CSS units svh and lvh exist to handle the small and large states.
Questions about screen resolution
What is the difference between screen resolution and viewport?
Screen resolution here is the size of your whole screen in CSS pixels, as reported by the browser. The viewport is the part of the browser window that shows the web page, so it excludes tabs, the address bar and the taskbar. Responsive designs and CSS media queries react to the viewport, not the screen.
Why does my 1920 × 1080 laptop show 1536 × 864?
Windows is scaling the display to 125% so text stays readable. Browsers report the screen in CSS pixels, which is the physical resolution divided by the scaling factor: 1920 ÷ 1.25 = 1536 and 1080 ÷ 1.25 = 864. The pixel ratio shows 1.25 in that case, and the estimated physical pixels row recovers 1920 × 1080.
What is device pixel ratio (DPR)?
DPR is how many physical pixels the screen uses for one CSS pixel in each direction. A DPR of 2 means a 100 × 100 CSS pixel box is drawn with 200 × 200 physical pixels, which is why high-density screens look sharper and why sites serve 2x images to them.
Does browser zoom change these numbers?
Yes, on desktop Chrome, Edge and Firefox. Zooming to 125% makes the viewport about 20% narrower in CSS pixels and raises the pixel ratio by the same factor. Safari usually keeps the pixel ratio unchanged when zooming. Press Ctrl + 0 (Cmd + 0 on a Mac) to reset zoom before measuring.
Can this tool measure my screen size in inches?
No. Browsers do not reveal the physical size of a display, and a CSS inch is defined as 96 CSS pixels rather than a real inch. To find the diagonal, look up the model of your monitor, laptop or phone in its specifications.
Why does my HDR or 10-bit monitor show 24-bit color depth?
Most browsers report 24-bit color depth on almost every display, partly for compatibility and privacy. The color gamut and HDR rows are better signals: they use CSS media queries that report whether the display supports wide color (Display P3 or Rec. 2020) and high dynamic range.
Is any of my data sent to your server?
No measurements are sent. Everything in the report is read by JavaScript in your browser and stays there, including when you copy or download it. Like any website, our server receives the standard request when the page loads (your IP address and browser headers) and may keep normal access logs, as described in our privacy policy.