Szybka diagnostyka urządzeń

Test DPI ekranu: sprawdź DPR, obszar widoku, rozdzielczość i skalowanie

Sprawdź współczynnik pikseli urządzenia, szacowane DPI, rozdzielczość ekranu i rozmiar obszaru widoku, aby zrozumieć skalowanie, powiększenie w przeglądarce, zachowanie ekranów Retina i różnice w wyglądzie układów na różnych ekranach.

Zrzut parametrów ekranu

DPI ekranu i współczynnik pikseli

Sprawdź rozdzielczość ekranu, współczynnik pikseli urządzenia i szacowane DPI.

DPI jest szacunkiem opartym na współczynniku pikseli w przeglądarce, a nie pomiarem fizycznym.

Ekran

Rozdzielczość ekranu--
Piksele urządzenia--
Głębia kolorów--
Głębia pikseli--

Obszar widoku

Rozmiar obszaru widoku--

Gęstość

Współczynnik pikseli urządzenia--
Szacowane DPI--

Po co uruchamiać test DPI ekranu online

Test DPI ekranu jest najbardziej przydatny wtedy, gdy strona wygląda na zbyt powiększoną, tekst wydaje się za mały, zrzuty ekranu są rozmyte albo ten sam układ zachowuje się inaczej na różnych urządzeniach. Zamiast zgadywać, możesz w jednym miejscu porównać współczynnik pikseli urządzenia, szacowane DPI, rozdzielczość ekranu i rozmiar obszaru widoku. Dzięki temu strona pomaga projektantom, programistom frontendu, zespołom QA, zespołom wsparcia i każdemu, kto chce wyjaśnić, dlaczego ekran Retina lub HiDPI renderuje inaczej niż standardowy ekran.

Co właściwie mierzy to narzędzie

Narzędzie odczytuje wartości dostępne w przeglądarce, takie jak window.devicePixelRatio, rozmiar ekranu, rozmiar obszaru widoku i głębia kolorów. Na ich podstawie oblicza szacowane DPI w bieżącym kontekście skalowania przeglądarki. To pomaga zrozumieć różnicę między pikselami CSS a pikselami urządzenia, ale nie jest laboratoryjnym pomiarem fizycznej gęstości panelu. Traktuj to jako praktyczną diagnostykę skalowania i renderowania, a nie narzędzie do kalibracji sprzętu.

Dlaczego układy, zrzuty ekranu i interfejs mogą wyglądać inaczej

Strona może wyglądać inaczej, ponieważ skalowanie systemu operacyjnego, powiększenie w przeglądarce, rozmiar okna i gęstość wyświetlacza zmieniają wartości raportowane przez przeglądarkę. Wysoki współczynnik pikseli urządzenia często sprawia, że tekst i grafika wyglądają ostrzej, ale zmienia też zachowanie zrzutów ekranu, renderowania canvas, zasobów graficznych i breakpointów responsywnych. Obszar widoku mniejszy niż oczekiwano zwykle oznacza, że wpływa na niego rozmiar okna, poziom powiększenia lub interfejs przeglądarki, a nie sama surowa rozdzielczość ekranu.

  • Wyższy współczynnik pikseli urządzenia zwykle oznacza gęstszy ekran i ostrzejsze renderowanie.
  • Szacowane DPI jest tylko przybliżeniem opartym na wartościach widocznych dla przeglądarki.
  • Rozmiar obszaru widoku zmienia się wraz z rozmiarem okna, powiększeniem przeglądarki, orientacją i interfejsem przeglądarki.
  • Skalowanie systemu operacyjnego może sprawić, że ten sam sprzęt zgłasza inne zachowanie na poziomie przeglądarki.
  • To narzędzie najlepiej nadaje się do diagnozowania problemów ze skalowaniem i układem, a nie do certyfikowania dokładnego fizycznego DPI.

Co wynik pomaga zdiagnozować

Użyj tej strony, aby porównać laptop z monitorem zewnętrznym, sprawdzić, dlaczego witryna wygląda na zbyt dużą, zrozumieć, czemu zrzut ekranu jest miękki na jednym urządzeniu i ostry na innym, albo potwierdzić, czy powiększenie przeglądarki i DPR zmieniają układ responsywny. Test działa lokalnie w przeglądarce i nie przechowuje danych osobowych.

Powiązane narzędzia

Najczęściej zadawane pytania

Co pokazuje ten test DPI ekranu?

Pokazuje współczynnik pikseli urządzenia, szacowane DPI, rozdzielczość ekranu, rozmiar obszaru widoku, głębię kolorów i powiązane wartości wyświetlania dostępne z poziomu przeglądarki. Razem te liczby pomagają wyjaśnić różnice w skalowaniu, powiększeniu i renderowaniu.

Czy to mierzy dokładne sprzętowe DPI?

Nie. Wartość DPI tutaj jest szacunkiem wyprowadzonym z danych zgłaszanych przez przeglądarkę i bieżącego kontekstu skalowania. Przydaje się w praktycznej diagnostyce, ale nie jest precyzyjnym fizycznym pomiarem panelu.

Czym jest współczynnik pikseli urządzenia i dlaczego ma znaczenie?

Współczynnik pikseli urządzenia pokazuje, ile fizycznych pikseli urządzenia przypada na jeden piksel CSS. Ma to znaczenie, bo wpływa na wygląd tekstu, obrazów, renderowania canvas, zrzutów ekranu i układów responsywnych.

Dlaczego strona wygląda na powiększoną albo zbyt dużą na jednym ekranie?

Najczęstsze przyczyny to skalowanie systemu operacyjnego, powiększenie w przeglądarce, inny współczynnik pikseli urządzenia albo mniejszy efektywny obszar widoku. Ta sama rozdzielczość może wyglądać bardzo inaczej, gdy przeglądarka zgłasza inny kontekst skalowania.

Dlaczego obszar widoku jest mniejszy niż rozdzielczość ekranu?

Obszar widoku to tylko widoczna część przeglądarki, a nie cały fizyczny ekran. Rozmiar okna, interfejs przeglądarki, poziom powiększenia, panele boczne i mobilny interfejs zmniejszają użyteczną przestrzeń.

Czy to pomoże wyjaśnić rozmyte zrzuty ekranu albo miękki interfejs?

Tak. Niedopasowanie współczynnika pikseli urządzenia, rozmiaru eksportowanego obrazu, powiększenia przeglądarki i założeń dotyczących obszaru widoku często sprawia, że zrzuty ekranu lub elementy interfejsu są rozmyte na jednym ekranie, a ostre na innym.

Czy powiększenie w przeglądarce wpływa na wynik?

Tak. Powiększenie w przeglądarce może zmienić efektywny obszar widoku i sposób zgłaszania wartości związanych ze skalowaniem. Dla spójnych porównań testuj na tym samym poziomie powiększenia na każdym urządzeniu.

Czy skalowanie systemu operacyjnego wpływa na wynik?

Tak. Windows, macOS i niektóre środowiska Linux mogą stosować skalowanie, które zmienia wartości widoczne dla przeglądarki. To jeden z powodów, dla których identyczny sprzęt może inaczej zachowywać się w układach webowych.

Czy mogę używać tego do projektowania responsywnego lub testów QA?

Tak. Przydaje się do sprawdzania rozmiaru obszaru widoku, DPR i kontekstu ekranu przed analizą breakpointów, błędów układu, problemów ze zrzutami ekranu albo różnic w renderowaniu frontendu.

Czy test DPI ekranu działa na telefonach i tabletach?

Tak. Działa w nowoczesnych przeglądarkach mobilnych i pomaga wyjaśnić zachowanie ekranów Retina, HiDPI oraz skalowania mobilnego. Wyniki mogą zmieniać się wraz z orientacją, powiększeniem i interfejsem przeglądarki.

Czy ten test DPI ekranu jest prywatny?

Tak. Działa lokalnie w Twojej przeglądarce i nie przesyła ani nie przechowuje danych osobowych. Odczyt aktualizuje się w czasie rzeczywistym, gdy strona jest otwarta.

Czego nie może zrobić ten test DPI ekranu?

Nie może skalibrować ekranu, zmierzyć dokładnego fizycznego DPI panelu, automatycznie naprawić problemów ze skalowaniem ani zweryfikować dokładności kolorów. Raportuje tylko wartości, które może zaobserwować przeglądarka.