Szczegóły ekranu i okna
Jeśli nie zaznaczono inaczej, rozmiary podano w pikselach CSS, czyli jednostkach, których używają strony. Aby zobaczyć dokładne wartości, ustaw powiększenie przeglądarki na 100% (Ctrl+0 lub ⌘0 na Macu).
- Rozdzielczość ekranu
- Sprawdzanie… Rozmiar ekranu, jaki widzą strony internetowe.
- Rozdzielczość fizyczna
- Sprawdzanie…Rozdzielczość ekranu × współczynnik pikseli: rzeczywiste piksele matrycy.
- Viewport (okno przeglądarki)
- Sprawdzanie… Widoczna część strony, bez pasków narzędzi.
- Całe okno przeglądarki
- Sprawdzanie…
- Dostępny obszar ekranu
- Sprawdzanie…Ekran bez paska zadań, Docka lub paska menu.
- Współczynnik pikseli
- Sprawdzanie…
- Proporcje obrazu
- Sprawdzanie…
- Orientacja
- Sprawdzanie…
- Głębia kolorów
- Sprawdzanie…
- Gama kolorów
- Sprawdzanie…
- HDR
- Sprawdzanie…
- Częstotliwość odświeżania
- Sprawdzanie…
- Ekran dotykowy
- Sprawdzanie…
- Monitory
- Sprawdzanie…
Twój viewport na tle ekranu
Zewnętrzna ramka to Twój ekran, a zacieniowany prostokąt to widoczna część tej strony, czyli miejsce, w którym znajduje się okno przeglądarki.
Popularne rozdzielczości ekranu
Rozdzielczości monitorów i laptopów podano w pikselach fizycznych, a telefonów i tabletów w pikselach CSS, tak jak widzą je strony. Wiersze pasujące do Twojego ekranu są oznaczone.
| Nazwa | Rozdzielczość | Proporcje | Typowe zastosowanie |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | Telewizory HD, małe laptopy |
| WXGA | 1366 × 768 | 16:9 | Tanie laptopy |
| HD+ | 1600 × 900 | 16:9 | Laptopy 17-calowe, starsze monitory |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Większość monitorów i laptopów |
| WUXGA | 1920 × 1200 | 16:10 | Monitory biurowe, laptopy |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | Monitory 27-calowe, gry |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air i Pro, laptopy 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | 34-calowe monitory ultrapanoramiczne |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | Monitory i telewizory 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (piksele CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (piksele CSS) |
| Android | 412 × 915 | 20:9 | Telefony z Androidem (piksele CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (piksele CSS) |
Co oznacza rozdzielczość ekranu
Rozdzielczość ekranu to liczba pikseli, które wyświetlacz pokazuje w poziomie i w pionie, zapisywana jako szerokość × wysokość. Monitor Full HD ma rozdzielczość 1920 × 1080: 1920 pikseli szerokości i 1080 wysokości, łącznie około dwóch milionów pikseli.
Więcej pikseli na ekranie tej samej wielkości to ostrzejszy tekst i obraz. Dlatego 13-calowy laptop może mieć wyższą rozdzielczość niż 24-calowy monitor biurowy.
Dlaczego rozdzielczość jest niższa niż rozdzielczość monitora
Windows, macOS, iOS i Android powiększają wszystkie elementy, aby tekst był czytelny na ostrych ekranach. Laptop z matrycą 1920 × 1080 i skalowaniem 125% podaje stronom rozmiar ekranu 1536 × 864, a MacBook z matrycą 2560 × 1600 zwykle zgłasza 1440 × 900 lub 1470 × 956.
Strony widzą tylko te przeskalowane rozmiary, nazywane pikselami CSS. Pomnóż je przez współczynnik pikseli, a otrzymasz rozdzielczość fizyczną, którą ta strona pokazuje pod główną liczbą. Powiększenie przeglądarki też zmienia współczynnik pikseli, więc przed porównaniem ustaw je na 100%.
Rozdzielczość ekranu, viewport i rozmiar okna
- Rozdzielczość ekranu: cały wyświetlacz, łącznie z obszarami zasłoniętymi przez inne okna.
- Dostępny obszar ekranu: wyświetlacz bez paska zadań, Docka lub paska menu.
- Okno przeglądarki: całe okno, łącznie z kartami, paskiem adresu i ramkami.
- Viewport: część okna, w której wyświetla się strona. Na tym rozmiarze projektanci stron testują układ. Zmienia się, gdy zmieniasz rozmiar okna lub otwierasz narzędzia deweloperskie.
Jak zmienić rozdzielczość ekranu
- Windows 11 i 10: kliknij pulpit prawym przyciskiem myszy > Ustawienia ekranu > Rozdzielczość ekranu. Opcja oznaczona jako (Zalecane) to natywna rozdzielczość monitora. Skalowanie ustawisz tuż nad nią.
- macOS: menu Apple > Ustawienia systemowe > Wyświetlacze, a następnie wybierz rozmiar. Większy tekst oznacza mniej, ale większych pikseli CSS; rozdzielczość fizyczna matrycy się nie zmienia.
- iPhone i Android: rozdzielczość jest stała. Powiększenie ekranu (iPhone) lub Rozmiar wyświetlacza (Android) zmienia wielkość elementów, a tym samym rozmiar w pikselach CSS, który widzą strony.
- Aby obraz był jak najostrzejszy, zostaw rozdzielczość natywną i zmieniaj skalowanie.
Pytania
Jaką mam rozdzielczość ekranu?
Jest pokazana na górze tej strony, odczytana z Twojej przeglądarki. Duża liczba to rozmiar, który widzą strony; wiersz pod nią podaje fizyczną rozdzielczość wyświetlacza i skalowanie ustawione w systemie.
Dlaczego widzę 1536 × 864, skoro mój monitor ma 1920 × 1080?
System ma ustawione skalowanie 125%, więc strony widzą ekran 1,25 raza mniejszy. Rozdzielczość monitora to nadal 1920 × 1080, co widać pod główną liczbą. Podobnie skalowanie 150% zamienia 1920 × 1080 w 1280 × 720.
Czy 1920 × 1080 to to samo co 1080p i 2K?
1920 × 1080 to Full HD, nazywane też 1080p. W przypadku monitorów 2K oznacza zwykle 2560 × 1440 (QHD lub 1440p), choć kinowe 2K to 2048 × 1080. 4K UHD to 3840 × 2160, czyli cztery razy więcej pikseli niż 1080p.
Czym jest viewport?
Viewport to obszar okna przeglądarki, w którym wyświetla się strona, bez kart, paska adresu i pasków przewijania. Do tego rozmiaru dopasowują się strony responsywne, więc właśnie o niego chodzi projektantom, gdy pytają o rozmiar Twojej przeglądarki.
Czym jest współczynnik pikseli (device pixel ratio)?
To liczba pikseli fizycznych, które składają się na jeden piksel CSS. Wartość 1 oznacza brak skalowania, 2 to typowa wartość dla Maców z ekranem Retina i wielu telefonów, a 3 dla nowszych iPhone'ów. Zmienia ją także powiększenie przeglądarki.
Jak sprawdzić rozdzielczość ekranu w telefonie?
Otwórz tę stronę na telefonie. Telefony podają rozmiar ekranu w pikselach CSS, na przykład 393 × 852 w iPhonie 15. Pomnóż go przez współczynnik pikseli (w tym iPhonie 3), a otrzymasz 1179 × 2556 pikseli matrycy. Ta strona liczy to za Ciebie.
Czy częstotliwość odświeżania jest dokładna?
Jest mierzona na podstawie tego, jak często przeglądarka rysuje klatkę, więc wynik jest zbliżony, ale nie dokładny. Oszczędzanie baterii, karta w tle lub obciążony komputer mogą sprawić, że będzie niższy niż ustawienie wyświetlacza.
Poradniki
- Co to jest adres IP?
Adres IP to numer, dzięki któremu internet wie, dokąd wysłać przeznaczone dla Ciebie dane. Oto jak wygląda, jakie są jego rodzaje i co Twój adres mówi o Tobie.
- Jak sprawdzić swój adres IP
Publiczne IP sprawdzisz jednym kliknięciem. Gdzie znaleźć prywatne IP, zależy od urządzenia. Oto dokładne kroki dla każdego z nich.
- IPv4 a IPv6: jaka jest różnica?
IPv6 zastępuje IPv4, bo na świecie skończyły się adresy. Oto porównanie obu wersji, sposób na sprawdzenie, której używasz, i powód, dla którego IPv6 ma znaczenie przy VPN.
- Co to jest wyciek DNS i jak go naprawić?
Nawet przy włączonym VPN Twoje urządzenie może nadal pytać dostawcę internetu o każdą odwiedzaną stronę. To właśnie wyciek DNS. Oto jak go wykryć i zatrzymać.