Screen Resolution Info

The screen resolution checker works automatically. Open the page and your screen resolution is displayed immediately without any button press or additional input.

The tool reads three values from the browser's screen object:

• Screen Width: the total horizontal pixel count of your display.

• Screen Height: the total vertical pixel count of your display.

• Total Pixels: width multiplied by height, representing the total number of pixels on your screen.

The tool may also display the common resolution name (such as Full HD or 4K) if your resolution matches a standard specification.

If you have multiple monitors connected to your computer, the tool reports the resolution of the display where the browser window is currently open. Moving the browser to a different monitor and refreshing the page will show the resolution of that monitor.

If you are on a high-DPI device (such as a MacBook with a Retina display, an iPhone, or an Android phone with a high-density screen), the tool may report the logical resolution rather than the physical pixel count. This is discussed in detail in the screen resolution vs device pixel ratio section below.

Screen resolutions have standard names used across the display, streaming, gaming, and broadcasting industries. These names are worth knowing when reading product specifications, video settings, or web development documentation.

Standard Definition and Early Digital

• SD (Standard Definition): 640 x 480 pixels. Total: 307,200 pixels. The resolution of early computer displays and standard definition television. Rarely seen on modern monitors.

• SVGA: 800 x 600 pixels. Total: 480,000 pixels. Common in older monitors and projectors. Still specified as a minimum for some enterprise software.

High Definition Family

• HD (720p): 1280 x 720 pixels. Total: 921,600 pixels. The minimum threshold for HD content. Common in budget laptops, smaller monitors, and HD television.

• Full HD (1080p): 1920 x 1080 pixels. Total: 2,073,600 pixels. The most common desktop and laptop monitor resolution as of 2024. Nearly universal in office monitors, televisions, and most laptop displays. The standard resolution for most streaming services (Netflix, YouTube HD), gaming at standard settings, and Zoom video calls.

Ultra HD and High Resolution

• QHD (1440p, 2K): 2560 x 1440 pixels. Total: 3,686,400 pixels. Increasingly common in gaming monitors, high-end laptops, and professional displays. Provides significantly sharper images than 1080p at the same physical screen size. Also called 2K in marketing, though technically 2K in digital cinema refers to 2048 x 1080.

• UHD (4K, 2160p): 3840 x 2160 pixels. Total: 8,294,400 pixels. Four times the pixel count of 1080p. Standard for 4K televisions, high-end monitors, and professional video production. Many modern smartphones display photos and videos at 4K resolution.

• 5K: 5120 x 2880 pixels. Total: 14,745,600 pixels. Found on Apple Studio Display, Apple iMac 27-inch (2020-2022), and some high-end professional monitors. Provides extraordinary sharpness at large screen sizes.

• 8K (4320p): 7680 x 4320 pixels. Total: 33,177,600 pixels. Available in high-end televisions and some specialized professional monitors. Limited consumer content available at true 8K.

Mobile-Specific and Ultrawide

• FHD+ (common on phones): 1080 x 2400 pixels (portrait). Many modern smartphones use tall aspect ratios with Full HD+ resolution.

• Ultrawide: 2560 x 1080 (UW-FHD) or 3440 x 1440 (UW-QHD). Wide-format monitors for gaming and productivity.

• Apple Retina Displays: MacBook Pro displays vary from 2560 x 1600 (13-inch) to 3456 x 2234 (14-inch M-series) to 3840 x 2400 (16-inch). The high pixel density is displayed at logical resolutions to maintain readable text and interface element sizes.

Understanding the difference between these three related but distinct concepts is essential for interpreting what the screen resolution checker reports and why it may differ from other numbers you see for your device.

Screen Resolution (Physical Pixels)

The total number of physical pixels on the display. This is a hardware specification of the monitor or phone screen. A 1920 x 1080 monitor has exactly 1,920 horizontal and 1,080 vertical physical pixels.

The browser reads screen resolution through the screen.width and screen.height JavaScript properties. These report the screen's resolution in CSS pixels (logical pixels), which on most desktop monitors equals physical pixels, but on high-DPI screens may differ from the physical pixel count.

Device Pixel Ratio (DPR)

High-DPI displays (also called Retina displays on Apple devices, or high-density displays on Android and Windows) pack more physical pixels into each logical CSS pixel. This is the device pixel ratio.

A MacBook Pro Retina display may have a physical resolution of 2560 x 1600 pixels but a device pixel ratio of 2, meaning the operating system presents it to software as a 1280 x 800 logical pixel display. This is why screen.width reports 1280 rather than 2560 on such a device.

Similarly, an iPhone 15 Pro has a physical resolution of 2556 x 1179 pixels but a device pixel ratio of 3, so screen.width reports 852.

What the resolution checker reports

The checker reports the CSS logical resolution (screen.width and screen.height), which is what matters for web design, browser content sizing, and application layout. This may be lower than the physical pixel count on high-DPI devices.

To get the physical pixel count, multiply the reported width and height by the device pixel ratio. For example: if the checker reports 1280 x 800 and the device pixel ratio is 2, the physical resolution is 2560 x 1600.

Viewport Resolution (Browser Window Size)

The viewport is the area of the browser window available for web page content, excluding the browser toolbar, address bar, tabs, and scrollbar. The viewport is always smaller than or equal to the screen resolution.

A browser maximized on a 1920 x 1080 screen may have a viewport of approximately 1920 x 937 pixels (the remaining height after the browser toolbar occupies some space).

Web developers care about the viewport width and height (window.innerWidth and window.innerHeight) as the space available for their content, which determines when responsive design breakpoints activate.

Why these distinctions matter

If a web designer creates a layout that looks correct at 1920 x 1080 and a user with what the resolution checker says is 1920 x 1080 sees it differently, the cause may be the browser window not being full-screen, the browser zoom level being set above or below 100%, or display scaling in the OS settings modifying the effective resolution.

Most modern operating systems allow users to scale the display beyond the native resolution mapping. This is the Display Scaling setting (also called Zoom, Magnification, or Text Size in different operating systems).

Windows Display Scaling

In Windows: Settings, System, Display, Scale. The default recommended setting for most monitors is 100% for 1080p monitors, 125% or 150% for 2560 x 1440 monitors, and 150% to 200% for 4K monitors at typical viewing distances.

At 125% scaling on a 2560 x 1440 display: Windows presents the display to software as effectively 2048 x 1152 logical pixels. The screen resolution checker will report these scaled dimensions rather than the native 2560 x 1440 physical resolution.

This is intentional and correct behavior: at normal viewing distances, the higher physical pixel density of a 4K or 2K monitor does not benefit from rendering every pixel at 1:1 mapping, since individual pixels are too small to see. The scaling keeps UI elements at readable and usable sizes while the higher resolution still produces sharper rendering of text and images within those scaled dimensions.

macOS Display Scaling

macOS calls display scaling Retina resolution options or simply "Scaled" display options. The available choices are labeled as "Looks like [resolution]" where a higher effective resolution setting uses more logical pixels for greater content density, and a lower setting scales up for larger UI elements.

Checking native vs scaled resolution

If your screen resolution checker shows a resolution lower than your monitor's physical specification, display scaling is reducing the reported logical resolution. This is not a problem: it is the intended display behavior. To confirm native resolution, check your OS display settings against the monitor's specification sheet.

Web design and development

Screen resolution determines how much content a user sees at one time in a browser. A user on a 1280 x 720 display sees less content without scrolling than a user on 1920 x 1080. Responsive web design uses CSS media queries based on viewport width to adapt layouts to different screen sizes.

The most important design breakpoints are based on the distribution of screen resolutions actually in use. As of 2024, 1920 x 1080 is the single most common desktop resolution (approximately 25% of users), followed by 1366 x 768, 1536 x 864, and 1280 x 1024 in various regions. Mobile resolutions vary widely but typical mobile viewports range from 360px to 430px wide.

Knowing your screen resolution helps web developers verify their designs at realistic screen sizes and understand why certain users report display issues.

Gaming

Gaming resolution directly determines image sharpness and the GPU (graphics card) processing load required to render each frame. 1080p gaming at 60fps is well within the capability of mid-range graphics cards. 1440p gaming requires more GPU power. 4K gaming at 60fps or higher requires high-end GPUs.

Checking your monitor's native resolution confirms what resolution you should configure your games to run at for the sharpest image. Running a game at 1080p on a 1440p monitor (non-native resolution) reduces sharpness because the image is upscaled.

Video and content creation

Video editors, photographers, and content creators need to know their display resolution to understand how their work will look on their own screen versus on the screens of their audience. Editing 4K video on a 1080p monitor means you are seeing a downscaled preview. Color grading on a non-color-accurate monitor produces results that look different on other displays.

Streaming and video calls

Most video conferencing platforms (Zoom, Teams, Google Meet) cap video quality at 1080p for most tiers. Higher resolution monitors do not improve video call quality beyond 1080p unless specifically supported by the platform and plan. Knowing your monitor resolution helps confirm whether you are benefiting from its full capability in streaming and call scenarios.

Screen recording and screenshots

Screen recordings and screenshots capture at the logical CSS resolution (as reported by the resolution checker). On Retina or high-DPI displays, screenshots may be captured at double or triple resolution, producing very large image files. Understanding this relationship helps when setting up screen recording software to output at an appropriate resolution.

If the resolution checker shows a resolution you did not expect, or you want to change your display settings, here are the steps by operating system.

Windows

Right-click the desktop and select Display Settings. Scroll down to Display Resolution. Use the dropdown to select a resolution. The monitor's native resolution is marked as "Recommended." Selecting any other resolution displays the image at non-native resolution, which reduces sharpness.

macOS

Go to Apple menu, System Settings, Displays. Under Resolution, choose "Default for display" to use the macOS-recommended Retina setting, or choose "Scaled" to see other options.

Android

Most Android phones do not offer a resolution setting in the standard Settings menu. Some Samsung devices: Settings, Display, Screen resolution. Options typically include the native FHD+, WQHD+, or a lower HD+ option.

iPhone/iPad

iOS does not expose display resolution settings to users. The display runs at its native resolution with Apple's Retina pixel density by default.

Thetoolity brings together a growing collection of free, fast, and clean online tools for web designers, developers, gamers, photographers, and everyday users who need display information quickly. Our screen resolution checker detects and displays your screen dimensions, total pixel count, and resolution name automatically the moment you open the page.

No accounts. No subscriptions. No cluttered interfaces. No data stored. Just instant screen resolution information in your browser.

Explore the full collection at Thetoolity.com and find generators, converters, calculators, checkers, and testers, all free and all instant.