Screen and window details
Sizes are in CSS pixels, the units websites use, unless noted. Set your browser zoom to 100% (Ctrl+0, or ⌘0 on a Mac) for exact numbers.
- Screen resolution
- Checking… What websites see as your screen size.
- Physical resolution
- Checking…Screen resolution × device pixel ratio: the real pixels on the panel.
- Viewport (browser window)
- Checking… The part of the page you can see, without the toolbars.
- Whole browser window
- Checking…
- Available screen
- Checking…Screen minus the taskbar, Dock or menu bar.
- Device pixel ratio
- Checking…
- Aspect ratio
- Checking…
- Orientation
- Checking…
- Color depth
- Checking…
- Color gamut
- Checking…
- HDR
- Checking…
- Refresh rate
- Checking…
- Touch screen
- Checking…
- Monitors
- Checking…
Your viewport on your screen
The outer box is your screen; the shaded box is the visible part of this page, where your browser window sits.
Common screen resolutions
Monitor and laptop sizes are in physical pixels; phone and tablet sizes are in CSS pixels, as websites see them. Rows that match your screen are marked.
| Name | Resolution | Aspect ratio | Typical use |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD TVs, small laptops |
| WXGA | 1366 × 768 | 16:9 | Budget laptops |
| HD+ | 1600 × 900 | 16:9 | 17-inch laptops, older monitors |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Most monitors and laptops |
| WUXGA | 1920 × 1200 | 16:10 | Office monitors, laptops |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27-inch monitors, gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air and Pro, 16:10 laptops |
| UWQHD | 3440 × 1440 | 21:9 | 34-inch ultrawide monitors |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K monitors and TVs |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (CSS pixels) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (CSS pixels) |
| Android | 412 × 915 | 20:9 | Android phones (CSS pixels) |
| iPad | 810 × 1080 | 4:3 | iPad (CSS pixels) |
What screen resolution means
Screen resolution is the number of pixels your display shows across and down, written as width × height. A Full HD monitor is 1920 × 1080: 1,920 pixels wide and 1,080 tall, about two million pixels in total.
More pixels on the same size screen mean sharper text and images. That's why a 13-inch laptop can have a higher resolution than a 24-inch office monitor.
Why your resolution looks lower than your monitor's
Windows, macOS, iOS and Android enlarge everything so text stays readable on sharp screens. A laptop with a 1920 × 1080 panel at 125% scaling tells websites its screen is 1536 × 864, and a MacBook with a 2560 × 1600 panel usually reports 1440 × 900 or 1470 × 956.
Websites only see these scaled sizes, called CSS pixels. Multiply them by the device pixel ratio to get the physical resolution, which this page shows under the main number. Browser zoom changes the pixel ratio too, so reset zoom to 100% before comparing.
Screen resolution, viewport and window size
- Screen resolution: the whole display, including parts other windows cover.
- Available screen: the display minus the taskbar, Dock or menu bar.
- Browser window: the whole window, including tabs, the address bar and borders.
- Viewport: the part of the window that shows the page. This is the size web designers test layouts against, and it changes when you resize the window or open developer tools.
How to change your screen resolution
- Windows 11 and 10: right-click the desktop > Display settings > Display resolution. The one marked (Recommended) is your monitor's native resolution. Scaling is set just above it.
- macOS: Apple menu > System Settings > Displays, then pick a size. Larger text uses fewer, bigger CSS pixels; the panel's physical resolution stays the same.
- iPhone and Android: the resolution is fixed. Display Zoom (iPhone) or Display size (Android) changes how big things look, which changes the CSS size websites see.
- For the sharpest picture, keep the native resolution and change scaling instead.
Questions
What is my screen resolution?
It's shown at the top of this page, read from your browser. The large number is the size websites see; the line below it gives the physical resolution of your display and the scaling your system uses.
Why does it show 1536 × 864 when my monitor is 1920 × 1080?
Your system is set to 125% scaling, so websites see a screen 1.25 times smaller. The physical resolution is still 1920 × 1080, as shown under the main number. Likewise 150% scaling turns 1920 × 1080 into 1280 × 720.
Is 1920 × 1080 the same as 1080p and 2K?
1920 × 1080 is Full HD, also called 1080p. 2K usually means 2560 × 1440 (QHD or 1440p) for monitors, although cinema 2K is 2048 × 1080. 4K UHD is 3840 × 2160, four times as many pixels as 1080p.
What is the viewport size?
The viewport is the area of the browser window that shows the page, without tabs, the address bar and scroll bars. It's the size responsive websites adapt to, so it's what designers mean when they ask for your browser size.
What is the device pixel ratio?
It's how many physical pixels make up one CSS pixel. A ratio of 1 means no scaling, 2 is typical for Retina Macs and many phones, and 3 for recent iPhones. Browser zoom also changes it.
How do I check my screen resolution on a phone?
Open this page on the phone. Phones report CSS pixels, for example 393 × 852 on an iPhone 15. Multiply by the pixel ratio (3 on that iPhone) to get the panel's 1179 × 2556 pixels, which this page does for you.
Is the refresh rate exact?
It's measured from how often the browser draws a frame, so it's close but not exact. Battery saving, a background tab or a busy computer can make it read lower than your display's setting.
Guides
- What is an IP address?
An IP address is the number that tells the internet where to send data meant for you. Here's what it looks like, the different kinds, and what yours says about you.
- How to find your IP address
Your public IP takes one click to find. Your private IP depends on the device. Here are the exact steps for each.
- IPv4 vs IPv6: what's the difference?
IPv6 replaces IPv4 because the world ran out of addresses. Here's how the two compare, how to tell which you're using, and why IPv6 matters if you use a VPN.
- What is a DNS leak and how do you fix it?
Even with a VPN on, your device may still ask your internet provider for every website you visit. That's a DNS leak. Here's how to spot one and stop it.