Wielkie liczby powyżej to rozdzielczość wyświetlacza, jaką zgłasza przeglądarka, a obok nich liczby, których naprawdę potrzebują programiści i projektanci: rozmiar viewportu przeglądarki, współczynnik pikseli urządzenia (ile fizycznych pikseli kryje się za każdym pikselem CSS), proporcje ekranu i głębia kolorów. Zmień rozmiar okna, a wartości zaktualizują się na żywo.
Zwróć uwagę, że na telefonach i laptopach o wysokiej gęstości pikseli rozdzielczość CSS różni się od tej marketingowej: laptop „4K” zgłasza zwykle 1920×1080 pikseli CSS przy współczynniku pikseli 2; obie liczby są tu pokazane.
Do czego się przydaje
Programowanie stron
Sprawdź jednym spojrzeniem prawdziwy viewport i współczynnik pikseli dowolnego urządzenia testowego: liczby, które faktycznie widzą media queries w CSS.
Wsparcie i pomoc zdalna
Poproś użytkownika, aby otworzył tę stronę i odczytał liczby na głos: szybciej i dokładniej niż prowadzenie go przez ustawienia systemowe.
Weryfikacja wyświetlacza
Potwierdź, że monitor faktycznie pracuje w rozdzielczości natywnej; to zaskakująco częsta przyczyna rozmytego obrazu po zmianie kabla albo sterowników.
Najczęstsze pytania
Dlaczego mój ekran 4K pokazuje 1920×1080?
System używa skalowania wyświetlacza. Przeglądarka zgłasza piksele CSS; pomnóż je przez pokazany tu współczynnik pikseli, aby uzyskać piksele fizyczne: 1920×1080 przy współczynniku 2 to dokładnie 3840×2160.
Czym jest współczynnik pikseli urządzenia?
To liczba fizycznych pikseli ekranu na jeden piksel CSS. Współczynnik 1 to klasyczny monitor, 2 to Retina/HiDPI, a telefony mają zwykle 2,5–4.
Co oznaczają proporcje (np. 1.78)?
Proporcje to szerokość ekranu podzielona przez jego wysokość. 1.78 to dziesiętny zapis 16:9, standardowego kształtu panoramicznego; 1.60 to 16:10, a monitory ultrapanoramiczne pokazują około 2.33 (21:9). Mówią o kształcie wyświetlacza niezależnie od liczby pikseli.
Czym jest głębia kolorów (24-bitowa)?
Głębia kolorów to liczba bitów opisujących kolor każdego piksela. 24 bity oznaczają po 8 bitów na czerwień, zieleń i błękit, czyli około 16,7 miliona kolorów; to standard niemal każdego nowoczesnego ekranu. 30 bitów (10 na kanał) stosują niektóre wyświetlacze HDR i profesjonalne, aby uzyskać gładsze gradienty.
Dlaczego viewport jest mniejszy niż ekran?
Viewport to tylko obszar, który przeglądarka zostawiła na stronę internetową, więc prawie zawsze jest mniejszy niż cały ekran: karty, pasek adresu i zakładki zajmują miejsce u góry, pasek zadań albo dock systemu zabiera kolejne, a samo okno może nie być zmaksymalizowane. Zmaksymalizuj okno albo naciśnij F11, a viewport urośnie w stronę rozmiaru ekranu w pikselach CSS.
Czy ta strona wysyła gdzieś moje dane?
Nie; wartości są odczytywane i wyświetlane lokalnie przez Twoją przeglądarkę. Nic nie jest przesyłane ani zapisywane.