Langsung ke konten utama

Telemetri Layar Lokal · 100% di Browser

Detektor Ukuran, Resolusi & PPI Layar

Baca resolusi CSS dan DPR browser Anda, lalu terapkan ukuran diagonal layar langsung ke kalibrasi penggaris.

Sinyal Browser Langsung

Properti Layar Terdeteksi

Resolusi CSS Layar
—
Perkiraan Piksel Fisik
—
Viewport Browser
—
Device Pixel Ratio (DPR)
—
Rasio Aspek
—
Skala Viewport Visual
—
Kalibrasi Penggaris Aktif
Dasar Kalibrasi
—

Geometri Terhitung

Dimensi Fisik pada Diagonal Terpilih

Pilih Diagonal Layar (Inci)
Lebar Panel Terlihat
—
Tinggi Panel Terlihat
—
Kepadatan CSS (px / inci)
Kepadatan Fisik (PPI)
—
Jarak Piksel Fisik
—

CSS vs Fisik

Mengapa Browser Menyembunyikan Ukuran Asli

Aturan privasi web mencegah situs membaca ukuran fisik EDID atau persentase skala OS secara langsung.

Skala Windows/macOS

Memahami Skala 125%, 150% & Retina

Saat skala OS meningkat, resolusi CSS mengecil dan DPR naik. Pastikan zoom browser tetap 100%.

Verifikasi

Cocokkan dengan Kartu ISO ID-1

Setelah menerapkan diagonal, verifikasi hasilnya menggunakan kartu bank standar di panel kalibrasi.

Referensi Skala Layar

Mengapa CSS PPI Efektif Menentukan Ukuran Fisik

Bandingkan bagaimana piksel CSS yang sama memanjang atau menyusut di berbagai monitor dan laptop.

DPI/PPI Layar & Akurasi Fisik

GBR. 09 · FISIKA LAYAR
Grafik perbandingan garis 378 CSS px menjadi 11.76 cm di 81.6 PPI, 6.80 cm di 141.2 PPI, dan 10.00 cm setelah kalibrasi.
Browser tanpa kalibrasi menganggap 96 CSS px/inci, menyebabkan kesalahan hingga 32% antar panel layar.

Kalibrasi Kartu Kredit & Referensi Kustom

GBR. 02 · KALIBRASI
Diagram kartu ISO/IEC 7810 ID-1 (85.60 x 53.98 mm) pada sudut (0,0) beserta ilustrasi kesalahan paralaks.
Gunakan kartu ID-1 standar (85.60 × 53.98 mm) dan lihat tegak lurus 90° untuk mencegah pergeseran paralaks.