Jaką mam rozdzielczość ekranu?
Jaką mam rozdzielczość ekranu – i ile miejsca strona internetowa naprawdę dostaje w oknie przeglądarki? Wszystkie wartości są mierzone bezpośrednio w Twojej przeglądarce i aktualizują się na żywo, gdy zmieniasz rozmiar okna, powiększenie albo obracasz urządzenie.
Jak to obliczamy
Na pytanie „jaką mam rozdzielczość ekranu” jest więcej niż jedna poprawna odpowiedź: fizyczne piksele wyświetlacza, piksele CSS, w których liczy przeglądarka, oraz viewport – obszar, który faktycznie dostaje strona. To narzędzie pokazuje je wszystkie obok siebie.
Co oznaczają wartości
- Fizyczne piksele: rozmiar ekranu w pikselach CSS × devicePixelRatio. Laptop Full HD ze skalowaniem 125% podaje 1536 × 864 piksele CSS – × 1,25 daje rzeczywiste 1920 × 1080.
- devicePixelRatio: ile fizycznych pikseli tworzy jeden piksel CSS. 1 = klasyczny monitor, 2 lub 3 = ekran Retina albo telefon. Zmienia go zarówno powiększenie w przeglądarce, jak i skalowanie ekranu w Windows.
- Dostępny obszar: ekran bez paska zadań lub Docka.
- Viewport: wewnętrzny rozmiar okna przeglądarki (
innerWidth × innerHeight) – na niego reagują media queries i responsywne układy. Widoczny obszar (visual viewport) jest na telefonie mniejszy, gdy powiększasz palcami lub otwarta jest klawiatura. - Proporcje: dokładnie skrócone (1920 × 1080 = 16:9), a przy nietypowych wartościach także popularna nazwa (1366 × 768 ≈ 16:9).
- Breakpoint: który próg Bootstrapa 5 (sm od 576, md od 768, lg od 992, xl od 1200, xxl od 1400 px) i Tailwind CSS (sm od 640, md od 768, lg od 1024, xl od 1280, 2xl od 1536 px) obowiązuje przy obecnej szerokości okna.
Popularne rozdzielczości
| Nazwa | Piksele | Proporcje |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD / WXGA | 1366 × 768 | ≈ 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD / WQHD (1440p) | 2560 × 1440 | 16:9 |
| UWQHD | 3440 × 1440 | ≈ 21:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
Ograniczenia
Przeglądarki czasem zaokrąglają piksele CSS w dół, więc fizyczne piksele mogą się różnić o jeden (2561 zamiast 2560). Przy kilku monitorach przeglądarka podaje ekran, na którym aktualnie jest okno. Firefox z włączoną ochroną przed fingerprintingiem (resistFingerprinting) może celowo podawać wartości standardowe.
Najczęściej zadawane pytania
Jak sprawdzić rozdzielczość ekranu komputera?
Wystarczy otworzyć tę stronę: na górze widać rozdzielczość w fizycznych pikselach, pod nią wartości w pikselach CSS i rozmiar okna przeglądarki. W Windows znajdziesz ją też w Ustawienia → System → Ekran → Rozdzielczość ekranu.
Dlaczego przeglądarka pokazuje 1536 × 864 zamiast 1920 × 1080?
Bo Windows jest przeskalowany do 125% (albo powiększenie przeglądarki nie wynosi 100%). Przeglądarka liczy wtedy w pikselach CSS: 1920 ÷ 1,25 = 1536. Fizyczne piksele są pokazane na górze – to piksele CSS × devicePixelRatio.
Czym różni się rozdzielczość ekranu od viewportu?
Rozdzielczość ekranu to rozmiar całego wyświetlacza. Viewport to tylko wnętrze okna przeglądarki, bez paska kart, paska adresu i paska zadań. W projektowaniu stron i media queries liczy się viewport.
Co oznacza devicePixelRatio 2 lub 3?
Masz ekran o dużej gęstości pikseli (Retina): jeden piksel CSS składa się z 2 × 2 lub 3 × 3 fizycznych pikseli. Tekst i obrazy są ostrzejsze, a układ strony ma ten sam rozmiar.
Czy moje dane są zapisywane?
Nie. Wszystkie wartości są odczytywane i wyświetlane tylko w Twojej przeglądarce; nic nie jest wysyłane ani zapisywane.
Źródła i podstawa prawna
- MDN Web Docs – Screen
- MDN Web Docs – Window.devicePixelRatio
- MDN Web Docs – Visual Viewport API
- MDN Web Docs – prefers-color-scheme
- Bootstrap 5.3 – Breakpoints
- Tailwind CSS – Responsive design
Stan na:
Podobne narzędzia
- Jaki jest mój user agent?Zobacz swój user agent i sprawdź przeglądarkę, wersję, silnik, system i typ urządzenia oraz User-Agent Client Hints. Przeanalizuj też inny UA. Działa lokalnie.
- Moje IP – jaki mam adres IP?Moje IP od razu: pokazuje Twój publiczny adres IP, rozpoznaje IPv4 lub IPv6 i wyjaśnia różnicę. Za darmo, bez rejestracji – adres IP nie jest zapisywany.
- Test kamery internetowej onlineDarmowy test kamery w przeglądarce: podgląd na żywo, rzeczywista rozdzielczość i liczba klatek, od 480p do 4K, lustro, zdjęcie. Nic nie jest wysyłane.
- Test klawiatury: czy działają wszystkie klawisze?Darmowy test klawiatury online: każdy wciśnięty klawisz się podświetla i zostaje oznaczony jako sprawdzony. Pokazuje key, code i location oraz test ghostingu.
- Algorytm Luhna: walidator i kalkulator cyfry kontrolnejSprawdź numer algorytmem Luhna (mod 10, ISO/IEC 7812-1) albo oblicz cyfrę kontrolną – tylko kontrola formatu, obliczenia działają lokalnie w przeglądarce.
- Kodowanie i dekodowanie Base64Kodowanie i dekodowanie Base64 oraz Base64url z poprawnym UTF-8, do tego kodowanie URL (percent-encoding). Jasne komunikaty błędów, działa w przeglądarce.