Screen Resolution Checker
See the size of your screen and window, the pixel ratio and the colour depth. The figures update when you resize the window or turn your phone or tablet.
Dieser Inhalt ist auf Englisch.
Durchgerechnete Beispiele
Full screen and window sizes
Opening the page on a 1920 by 1080 monitor with the browser window at 1200 by 900
Screen 1920 by 1080, window 1200 by 900 pixels, shown as the figures reported by the device.
This example uses typical monitor figures; your own results depend on your screen and how the window is sized.
Window resized while open
The same window dragged narrower to 800 pixels wide
The viewport figure updates to 800 pixels wide, while the screen figure stays the same.
The figures update when the window changes size, which helps when testing responsive layouts.
Über Screen Resolution Checker
A screen resolution checker shows the size of your screen in pixels, which is the number of tiny dots that make up the picture. This page also shows the available screen area, the viewport size of the window you are looking at, the pixel ratio, the colour depth and the orientation. Together these figures tell you how much room a website or app has to display its content, and how sharp the picture is likely to look on your screen. They are useful when you are designing a page or checking a display setting.
The figures come from the screen and the window as they are reported when the page loads. Each time you resize the window, or turn a phone or tablet from portrait to landscape, the values update straight away. The pixel ratio shows how many physical pixels are used for each pixel the page is drawn in, and the estimated physical size multiplies the screen size by that ratio. Some screens scale their display, so this figure may not match the size printed on a product specification.
So verwenden Sie Screen Resolution Checker
- Open the page and read the screen size and available screen size.
- Drag the edge of the window to change its size and watch the viewport size update.
- Turn a phone or tablet sideways to see the orientation change.
- Check the pixel ratio and colour depth for the display settings.
- Press Copy these figures to paste all the values into a message or form.
Typische Einsatzzwecke
- Working out the size of a screen before designing a website layout.
- Finding out the resolution to report when asking for support with a display.
- Checking how a page responds when the window is made smaller or larger.
- Confirming the pixel ratio and colour depth before choosing images or colours.
Häufige Fragen
What is the difference between screen size and viewport size?
The screen size is the total number of pixels on the display, such as 1920 by 1080. The viewport size is the part of that area used by the window you are looking at, and it shrinks when you make the window smaller or open toolbars. The viewport is what a web page can use to display its content, so it is the figure that matters for layout.
What does the pixel ratio mean?
The pixel ratio tells you how many physical screen pixels are used to draw each pixel that a page reports. A ratio of 1 means one physical pixel per page pixel, while a ratio of 2 means that each page pixel uses a two by two block of physical pixels. Higher ratios give sharper text and images on high resolution screens.
Why does the estimated physical size differ from the box?
The estimated physical size multiplies the reported screen size by the pixel ratio. Operating systems can scale the display to make text larger or smaller, and that scaling changes the numbers the page sees. The estimate is therefore a helpful guide, but it may not match the exact resolution listed for your screen.
What does colour depth tell me?
Colour depth shows how many bits of information are used to describe the colour of each pixel. A value of 24 bits is the most common and can show millions of colours, which is enough for everyday photos and design work. Lower values can show fewer colours and may cause banding in gradients or images.
Why does orientation matter?
Orientation shows whether the screen is wider than it is tall, which is landscape, or taller than it is wide, which is portrait. Many websites change their layout depending on orientation, so checking it helps when you are testing responsive pages. Turning a phone or tablet will update the value here straight away.