Rozdzielczość ekranu
Narzędzie pokazuje rozdzielczość ekranu, obszar strony, współczynnik pikseli i proporcje oraz na bieżąco reaguje na zmianę okna, obrót i powiększenie strony.
W calach, np. 15,6 albo 27.
Działa w przeglądarce. Wyniki testów zostają na Twoim urządzeniu.
- Rozdzielczość ekranu
- –
- Obszar strony (viewport)
- –
- Ekran w pikselach CSS
- –
- Dostępny obszar ekranu
- –
- Widoczny obszar
- –
- Współczynnik pikseli (DPR)
- –
- Piksele 1:1
- –
- Powiększenie strony
- –
- Proporcje ekranu
- –
- Orientacja
- –
- Gęstość pikseli
- –wpisz przekątną
- Głębia kolorów
- –
- HDR
- –
- Gama kolorów
- –
- Wskaźnik
- –
- Najechanie kursorem
- –
Jak sprawdzić rozdzielczość ekranu
- Otwórz tę stronę na ekranie, który chcesz sprawdzić. Wyniki pojawią się od razu po wczytaniu, a żadnego przycisku nie trzeba naciskać.
- Odczytaj rozmiar w pikselach urządzenia z pola Rozdzielczość ekranu, a obszar strony z pola Obszar strony (viewport).
- Zmień rozmiar okna, obróć telefon albo powiększ stronę. Wartości i rysunek aktualizują się na bieżąco.
- Żeby poznać gęstość pikseli, wpisz przekątną ekranu w calach w polu Przekątna ekranu, na przykład 15,6 albo 27. Znajdziesz ją w specyfikacji lub na pudełku.
- Kliknij Kopiuj wyniki, żeby skopiować wszystkie wartości do zgłoszenia w serwisie lub wpisu na forum.
Rysunek pokazuje ekran w skali z obszarem strony w środku. Paski systemu, takie jak pasek zadań, Dock albo pasek menu, są zakreskowane. Gdy powiększasz stronę gestem na telefonie lub touchpadzie, zaznaczona jest też ta część strony, która jest widoczna na ekranie. Narzędzie wstrzymuje się, gdy karta jest ukryta, a ostatni odczyt zostaje na ekranie.
Co oznaczają wyniki
Pierwsze pole to rozmiar ekranu w pikselach urządzenia, czyli liczba z ustawień ekranu w systemie.
| Wynik | Co to znaczy | Co zrobić |
|---|---|---|
| Rozdzielczość ekranu 1920 × 1080, 2560 × 1440 albo 3840 × 2160 | Rozmiar ekranu w pikselach urządzenia. Standardowe rozmiary mają nazwę: Full HD, QHD, 4K UHD. | Porównaj ją ze specyfikacją. Jeśli jest niższa, wybierz w ustawieniach ekranu rozdzielczość zalecaną. |
| Współczynnik pikseli 1 | Jeden piksel urządzenia na piksel CSS, więc skalowanie i powiększenie razem dają 1:1. | Nic nie trzeba poprawiać. |
| Współczynnik pikseli 1,25, 1,5 albo inny ułamek | Skalowanie ekranu 125% lub 150%, powiększona strona albo telefon z ułamkowym współczynnikiem. Piksele 1:1 pokazują Nie. | Dla wzorców co do piksela ustaw skalowanie 100% lub 200%, a powiększenie 100%. |
| Współczynnik pikseli 2 albo 3 | Całkowity współczynnik, jak w iPhone’ach i wielu ekranach o wysokiej gęstości. Piksele 1:1 pokazują Tak, poza Makiem. | Nic nie trzeba poprawiać. |
| Piksele 1:1: Nieznane | Na Macu współczynnik wynosi 2 lub 1 w każdym trybie, więc strona nie widzi, czy macOS skaluje obraz. | Wyniki testów co do piksela na Macu traktuj ostrożnie. |
| Powiększenie strony: 100% albo inna wartość | W Chrome, Edge i innych przeglądarkach opartych na Chromium narzędzie szacuje powiększenie z rozmiaru okna. | Naciśnij Ctrl + 0 (Cmd + 0 na Macu), żeby wrócić do 100%. |
| HDR: Tak, Nie albo Nieznane | Informacja, czy przeglądarka zgłasza ekran o wysokiej dynamice. Nieznane znaczy, że przeglądarka nie podaje tej informacji. | Przy Nie na monitorze HDR zajrzyj niżej do części o HDR. |
Ekran w pikselach CSS to ekran tak, jak widzą go strony przy powiększeniu 100%: rozdzielczość podzielona przez skalowanie ekranu. Laptop 1920 × 1080 ze skalowaniem 125% ma tu 1536 × 864. Na Macu to rozmiar „wygląda jak” z ustawień ekranu. Chrome i Edge nie zmieniają tej liczby przy powiększaniu strony, a Firefox i Safari ją zmieniają.
Obszar strony (viewport) to część okna, w której widać stronę, a od jego szerokości zależy układ strony responsywnej. Widoczny obszar maleje, gdy powiększasz stronę gestem. Dostępny obszar ekranu to ekran bez paska zadań, Docka albo paska menu.
Proporcje ekranu to stosunek szerokości do wysokości, na przykład 16:9, Orientacja mówi, czy ekran stoi poziomo, czy pionowo, z kątem obrotu, gdy przeglądarka go podaje, a Gęstość pikseli pokazuje wartość po wpisaniu przekątnej.
HDR, Gama kolorów i Głębia kolorów mówią, co przeglądarka potrafi pokazać na tym ekranie. Szeroka gama P3 i filmy HDR wymagają obsługi i od ekranu, i od przeglądarki. Wskaźnik i Najechanie kursorem pokazują, czy obsługujesz stronę myszą, touchpadem czy palcem.
Wyniki się nie zgadzają?
To narzędzie nie wymaga uprawnień i nie ma własnych komunikatów o błędach.
Rozdzielczość niższa niż w specyfikacji
Ekran może pracować w niższym trybie, niż obsługuje matryca. Otwórz ustawienia ekranu i wybierz rozdzielczość zalecaną. Niższą rozdzielczość może też wymusić kabel albo przejściówka, które nie przenoszą pełnego obrazu.
Wyższa rozdzielczość na Macu
Na Macu w trybie skalowanym pole Rozdzielczość ekranu pokazuje opis „renderowana, natywna bywa inna”, pole Piksele 1:1 pokazuje Nieznane, a gęstość pikseli zakłada, że macOS rysuje w natywnym rozmiarze matrycy. Skąd się to bierze, wyjaśnia pytanie o Maca niżej, a natywną rozdzielczość sprawdź w danych technicznych swojego Maca.
Ekran w pikselach CSS jest mniejszy niż rozdzielczość
To efekt skalowania ekranu. Laptop Full HD ze skalowaniem 125% daje stronom 1536 × 864 pikseli CSS, a współczynnik pikseli pokazuje 1,25. Skalowanie zmienisz w ustawieniach ekranu.
Powiększenie strony pokazuje „Nieznane”
Powiększenie potrafi oszacować tylko Chrome, Edge i inne przeglądarki oparte na Chromium, i to tylko wtedy, gdy do okna pasuje dokładnie jeden stopień powiększenia. Panel boczny, zadokowane narzędzia deweloperskie albo podzielony widok zakłócają szacunek. Zamknij je, naciśnij Ctrl + 0 (Cmd + 0 na Macu) i sprawdź ponownie.
HDR pokazuje Nie na monitorze HDR
Przeglądarka zgłasza HDR tylko wtedy, gdy HDR jest włączony w systemie. Włącz HDR w ustawieniach ekranu (w Windowsie Ustawienia > System > Ekran) i odśwież stronę. Jeśli pole pokazuje Nieznane, przeglądarka nie odpowiada na pytanie o HDR.
Głębia 24 bity przy matrycy 10-bitowej
Wiele przeglądarek podaje 24 bity, czyli 8 bitów na kanał, bez względu na możliwości matrycy. Traktuj tę liczbę jako to, co zgłasza przeglądarka, a nie jako granicę możliwości ekranu.
Liczby dotyczą innego monitora
Strona odczytuje ekran, na którym leży okno, i odświeża wartości, gdy przeglądarka zgłosi zmianę. Jeśli okno trafiło na inny monitor, a wartości się nie zmieniły, lekko zmień rozmiar okna albo odśwież stronę.
Jak mierzymy
Narzędzie odczytuje window.screen, rozmiar okna, devicePixelRatio, widoczny obszar strony i cztery zapytania CSS (dynamikę, gamę kolorów, wskaźnik i najechanie), a odczyt powtarza przy każdej zmianie rozmiaru, obrocie, powiększeniu albo zmianie zapytania, o której powiadomi przeglądarka. Rozdzielczość ekranu to rozmiar ekranu w pikselach CSS razy skalowanie ekranu; przeglądarka zaokrągla każdy bok do pełnych pikseli CSS, więc przy skalowaniu ułamkowym narzędzie wybiera standardowy rozmiar matrycy w granicach jednego piksela CSS od iloczynu albo, gdy żaden nie pasuje, zaokrąglony iloczyn. Gęstość pikseli to przekątna tych pikseli podzielona przez przekątną, którą wpiszesz. Przeglądarka nie odczyta modelu ani natywnego trybu matrycy, więc na Macu liczby opisują to, co rysuje macOS.
Najczęstsze pytania
Jak sprawdzić rozdzielczość ekranu?
Otwórz tę stronę na ekranie, który chcesz sprawdzić. Pole Rozdzielczość ekranu od razu pokazuje ją w pikselach urządzenia, na przykład 1920 × 1080, i podaje nazwę, gdy to standardowy rozmiar, taki jak Full HD albo 4K UHD. Zmień rozmiar okna, obróć urządzenie albo powiększ stronę, a wartości zmienią się razem z nimi.
Czym różni się rozdzielczość ekranu od obszaru strony (viewport)?
Rozdzielczość ekranu to rozmiar całego ekranu w pikselach urządzenia. Obszar strony to część okna przeglądarki, w której widać stronę, mierzona w pikselach CSS, więc nie obejmuje kart, paska adresu ani pasków systemu. Po powiększeniu strony ten obszar się zmniejsza, a rozdzielczość ekranu zostaje taka sama.
Co to jest współczynnik pikseli (DPR)?
To liczba pikseli urządzenia przypadająca na jeden piksel CSS. Współczynnik 1 oznacza brak skalowania, 1,25 odpowiada skalowaniu ekranu 125%, a 2 oznacza, że każdy piksel CSS to kwadrat 2 × 2 piksele urządzenia. Powiększenie strony też zmienia współczynnik, więc skalowanie 125% przy powiększeniu 100% daje 1,25, a przy 200% daje 2,5.
Jak obliczyć gęstość pikseli (PPI) monitora?
Wpisz przekątną ekranu w calach w polu Przekątna ekranu. Narzędzie dzieli przekątną ekranu w pikselach przez tę liczbę. Na przykład 24-calowy monitor 1920 × 1080 ma około 92 PPI, 27-calowy 2560 × 1440 około 109 PPI, a 27-calowy 4K około 163 PPI.
Dlaczego na Macu rozdzielczość jest wyższa, niż ma ekran?
Wiele Maców działa w trybie skalowanym. macOS rysuje obraz dwa razy większy niż rozmiar wybrany w ustawieniach ekranu i zmniejsza go do rozmiaru matrycy, a przeglądarka podaje ten większy. Tak działa wiele MacBooków Air i monitor 4K ustawiony na „wygląda jak 2560 × 1440”. Strona nie widzi natywnych pikseli matrycy, więc natywną rozdzielczość sprawdź w danych technicznych Maca.
Czy rozdzielczość ekranu zmienia się po powiększeniu strony?
Nie powinna. Narzędzie usuwa wpływ powiększenia z obliczeń, więc przy 50% i przy 200% pokazuje te same piksele urządzenia. W Chrome i Edge wymaga to oszacowania powiększenia. Gdy narzędzie nie potrafi go oszacować, zakłada 100% i pisze o tym pod liczbą. Obszar strony i współczynnik pikseli zmieniają się z powiększeniem, bo piksele CSS robią się większe albo mniejsze.