- APM Test
- Aim Trainer
- Stopwatch Game: Time Perception Test
- Chimp Test
- Number Memory Test
- Backlight Bleeding Test
- Attention Span Test
- What Is My Screen Size
- Mouse Double Click Test
- Aspect Ratio Calculator
- Mouse Latency Test
- Mouse Polling Rate Test
- Visual Memory Test
- Screen Refresh Rate Test
- Jitter Click Test
- Mic Test
- Mouse Scroll Wheel Test
- Webcam Test
Find Out Your Screen Resolution in Seconds
Your screen resolution is the number of pixels your display shows, written as width × height. A screen set to 1920 x 1080 shows 1,920 pixels across and 1,080 pixels down.
This tool reads the values your browser reports and shows them as soon as the page loads. You don’t need to install anything or open system settings. The result appears in the large blue box at the top, and four smaller cards below it give you more detail.
What the Tool Shows You
Your Screen Resolution
This is the main result, shown in the blue box. In the example above, it reads 1054 x 593. It tells you the width and height of your screen as your browser sees it.
Browser Window Size
This is the size of the browser viewport, the area where web pages are displayed. It is usually smaller than your screen because of the address bar, tabs, and window borders. It also changes when you resize the window.
Web designers and developers use this number often. It decides which layout a responsive website shows you.
Available Screen (Minus Taskbar)
This is the part of your screen that applications can use. Your operating system reserves some space for the taskbar, dock, or menu bar, and this value leaves that space out. In the example, the available height is 564 pixels, while the full screen height is 593.
Color Depth
Color depth is the number of bits used to represent the color of each pixel. The example shows 24-bit, a very common value for modern screens.
Pixel Ratio (Zoom/Scale)
The pixel ratio compares physical pixels to the pixels your browser uses for layout. A ratio of 1 means they match. A higher number means your display is scaled up, either through your operating system’s display scaling or through browser zoom.
The example shows a ratio of about 1.2146. This is a useful clue to why the numbers on the page may not match your screen’s specifications.
Why Your Result May Differ From Your Monitor’s Specs
Many people see a smaller number than they expected. This is normal. Browsers report sizes in CSS pixels, and those change with zoom and scaling.
You can estimate the physical resolution by multiplying the reported size by the pixel ratio. Using the example above:
- 1054 × 1.2146 ≈ 1280
- 593 × 1.2146 ≈ 720
That points to a physical resolution of roughly 1280 x 720. Your own numbers may round slightly differently, and this is only an estimate. Your device’s settings or specification sheet will give the exact native resolution.
If your display scaling is set to 100% and your browser zoom is at 100%, the ratio should be 1 and the reported resolution should be close to your real one.
How to Use This Tool
- Open the page. Your resolution appears right away.
- Read the main result in the blue box.
- Check the four cards for the browser window size, available screen area, color depth, and pixel ratio.
- Click Refresh Data after you resize the window, change the browser zoom, or move the window to a different monitor.
- Click Toggle Fullscreen to switch to fullscreen mode and back. Then click Refresh Data to see how the values change.
When Is This Useful?
- Choosing wallpapers and images. Pick files that match your screen so they look sharp and aren’t stretched.
- Setting up a screen recording or stream. Know your display size before you choose a recording resolution.
- Testing a website. Developers and designers can check the viewport size and pixel ratio to see how a page behaves on a given screen.
- Troubleshooting blurry or oversized text. An unexpected pixel ratio often explains why things look too big or too small.
- Comparing devices. Check a laptop, monitor, or tablet before buying or setting it up.
- Writing support or bug reports. Screen details help others reproduce a display problem.
Common Screen Resolutions
| Resolution | Common name |
|---|---|
| 1280 x 720 | HD (720p) |
| 1366 x 768 | Common on older laptops |
| 1920 x 1080 | Full HD (1080p) |
| 2560 x 1440 | QHD (1440p) |
| 3840 x 2160 | 4K / UHD |
Your result may not match any of these exactly, especially if scaling or zoom is active.
Tips for Getting an Accurate Reading
- Set your browser zoom to 100% before you check. Press Ctrl + 0 on Windows or Cmd + 0 on Mac to reset it.
- Click Refresh Data after any change to your window, zoom, or display settings.
- If you use more than one monitor, check the page in a window on the screen you want to measure.
- Remember that the browser reports scaled values. For the exact native resolution, check your display settings or your device’s specifications.
Frequently Asked Questions
What is screen resolution?
It is the number of pixels a display shows, written as width × height. A higher resolution fits more detail and content on the screen.
Why is my window size larger or smaller than my screen resolution?
The window size measures the browser viewport, and the screen resolution measures the display. They are different values. Zoom and scaling can also make them look inconsistent. If you change your zoom level, click Refresh Data to update all the numbers together.
What does the pixel ratio mean?
It shows how many physical pixels are used for each pixel your browser lays out. A ratio of 1 means no scaling. A ratio such as 1.5 or 2 means your display or zoom is scaled up.
Why is my pixel ratio a long decimal number?
Browser zoom and display scaling can combine into values that aren’t whole numbers. Long decimals like the one in the screenshot are normal.
What is the difference between “Screen Resolution” and “Available Screen”?
Screen resolution is the full size of the display. Available screen leaves out areas used by your system, such as the taskbar, so it is often a little smaller.
Is 24-bit color depth good?
Yes. It is a standard value for most modern displays and supports millions of colors.
Will this show the same result on my phone?
It reports what your browser sees on whatever device you open it on. Phones often use high pixel ratios, so the resolution it reports can be much smaller than the physical pixel count.
What does the Toggle Fullscreen button do?
It switches your browser between normal and fullscreen mode. Use it to see how the window size changes when the browser’s toolbars are hidden.