Jaka jest rozdzielczość mojego ekranu?
Tutaj od razu zobaczysz rozdzielczość swojego ekranu i rozmiar okna przeglądarki. To bardzo przydatne dla projektantów, programistów i każdego, kto testuje strony responsywne.
Rozdzielczość ekranu
Rozmiar ekranu w pikselach CSS (szerokość × wysokość).
Rozmiar okna
Widoczny obszar strony w przeglądarce. Zmienia się, gdy zmieniasz rozmiar okna.
Więcej szczegółów o Twoim ekranie
| Dostępny obszar (bez paska zadań) | – |
|---|---|
| Gęstość pikseli (devicePixelRatio) | – |
| Przybliżona rozdzielczość fizyczna | – |
| Głębia kolorów | – |
| Orientacja | – |
Jeśli chcesz dowiedzieć się więcej o swoim połączeniu z internetem, np. poznać publiczny adres IP i lokalizację, możesz sprawdzić swoje IP.
Czym jest rozdzielczość ekranu?
Rozdzielczość ekranu to liczba pikseli wyświetlanych przez monitor, podawana jako szerokość × wysokość (np. 1920 × 1080). Im wyższa rozdzielczość, tym więcej treści mieści się na ekranie i tym ostrzejszy jest obraz.
Dlaczego moja rozdzielczość różni się od rozdzielczości monitora?
Przeglądarki posługują się pikselami CSS. Na ekranach o dużej gęstości (Retina, smartfony i laptopy ze skalowaniem 125% lub 150%) jeden piksel CSS odpowiada kilku pikselom fizycznym. Dlatego pokazujemy też devicePixelRatio i przybliżoną rozdzielczość fizyczną, będącą iloczynem obu wartości.
Czym różni się rozdzielczość ekranu od rozmiaru okna?
Rozdzielczość ekranu to całkowity rozmiar monitora, a rozmiar okna (viewport) to tylko przestrzeń, jaką strona zajmuje w przeglądarce, bez pasków i menu. Tę wartość wykorzystują media queries w projektowaniu responsywnym.
Najpopularniejsze rozdzielczości ekranu
Na komputerach: 1920 × 1080 (Full HD), 1366 × 768, 1536 × 864, 1440 × 900, 2560 × 1440 (QHD) i 3840 × 2160 (4K). Na smartfonach typowe szerokości to od 360 do 430 pikseli CSS.