Resolusi Layar dan Informasi Monitor

Browser Anda melaporkan nilai-nilai ini secara real time. Ubah ukuran jendela untuk melihat viewport diperbarui seketika.

Resolusi Layar
Mendeteksi…
Ukuran fisik penuh layar dalam piksel.
Ukuran Viewport
Mendeteksi…
Area browser yang terlihat — diperbarui saat ukuran jendela berubah.
Rasio Piksel (DPR)
Mendeteksi…
Piksel fisik per piksel CSS. Layar Retina/HiDPI biasanya menampilkan 2×.
Kedalaman Warna
Mendeteksi…
Bit per piksel. 24 bit ≈ 16 juta warna.
Frekuensi Refresh
Mendeteksi…
Diukur melalui requestAnimationFrame. Tutup tab lain untuk akurasi.
Orientasi
Mendeteksi…
Orientasi layar saat ini menurut browser.

Resolusi adalah jumlah piksel yang ditampilkan horizontal × vertikal. Layar 1920×1080 memiliki ~2 juta piksel. Resolusi lebih tinggi berarti lebih banyak detail.

DPR membandingkan piksel fisik dengan piksel CSS. DPR 2 berarti dua kali lebih banyak piksel fisik dari CSS — umum pada layar Retina/HiDPI. Layar standar memiliki rasio 1.

Resolusi adalah ukuran fisik penuh layar. Viewport adalah area yang terlihat di jendela browser, tidak termasuk toolbar dan antarmuka. Keduanya mengecil jika jendela tidak dimaksimalkan.

Frekuensi refresh (Hz) menunjukkan berapa kali per detik layar diperbarui. 60 Hz = 60 frame per detik. Frekuensi lebih tinggi (120 Hz, 144 Hz) memberikan gerakan yang lebih halus. Kami mengukur menggunakan timing requestAnimationFrame.