Przejdź do głównej treści

Lokalna telemetria ekranu · 100% po stronie klienta

Detektor rozmiaru, rozdzielczości i PPI

Odczytaj parametry viewportu CSS oraz DPR i zastosuj znaną przekątną ekranu bezpośrednio w kalibracji linijki.

Sygnał przeglądarki

Wykryte właściwości ekranu

Rozdzielczość CSS ekranu
—
Szacowane piksele fizyczne
—
Obszar roboczy przeglądarki
—
Device Pixel Ratio (DPR)
—
Proporcje obrazu
—
Skala viewportu wizualnego
—
Aktywna kalibracja linijki
Podstawa kalibracji
—

Obliczona geometria

Wymiary fizyczne dla wybranej przekątnej

Wybierz przekątną ekranu (cale)
Widoczna szerokość matrycy
—
Widoczna wysokość matrycy
—
Gęstość CSS (px / cal)
Gęstość fizyczna (PPI)
—
Fizyczny rozmiar piksela
—

CSS a fizyka

Dlaczego przeglądarki ukrywają rozmiar monitora

Standardy prywatności blokują bezpośredni odczyt danych EDID oraz skali systemowej.

Skalowanie OS

Windows 125%, 150% i macOS Retina

Wyższa skala systemu zmniejsza piksele CSS i podnosi DPR. Przy pomiarze ustaw zoom przeglądarki na 100%.

Weryfikacja

Sprawdź kartą ISO ID-1

Po zapisaniu przekątnej porównaj skalę ze zwykłą kartą płatniczą w sekcji kalibracji.

Odniesienie Skali

Dlaczego Efektywne CSS PPI Określa Wymiar Fizyczny

Porównaj, jak ta sama liczba pikseli CSS zmienia fizyczną długość na monitorach i laptopach.

DPI/PPI Ekranu a Rzeczywista Dokładność

RYS. 09 · FIZYKA EKRANU
Wykres pokazujący linię 378 px CSS równą 11.76 cm przy 81.6 PPI, 6.80 cm przy 141.2 PPI i 10.00 cm po kalibracji.
Bez kalibracji przeglądarki zakładają 96 px/cal, co powoduje błędy wymiaru sięgające 32% między ekranami.

Kalibracja Kartą i Własnym Wzorcem

RYS. 02 · KALIBRACJA
Schemat karty ISO/IEC 7810 ID-1 (85.60 x 53.98 mm) w narożniku (0,0) z ilustracją błędu paralaksy.
Użyj dowolnej karty ID-1 (85.60 × 53.98 mm), patrząc prostopadle pod kątem 90°, aby uniknąć paralaksy.