Cara memakai
- Baca Layar (piksel CSS): ukuran seluruh layar, seperti yang dihitung peramban.
- Bandingkan Layar (piksel fisik) dengan angka di kemasan layar Anda atau di pengaturan sistem. Itu adalah ukuran CSS dikali Rasio piksel perangkat.
- Periksa Layar HDR dan Laju refresh. Tekan Ukur lagi dengan tab ini di depan, dan tutup program lain yang memakai layar.
Piksel CSS dan piksel fisik
Situs web mengukur layar dalam piksel CSS, satuan halaman dan bukan panel. Pada layar berkerapatan tinggi, satu piksel CSS digambar dengan beberapa piksel fisik: rasio piksel perangkat menyatakan berapa banyak di setiap sisi. Ponsel dengan lebar 390 piksel CSS dan rasio 3 memiliki 1.170 piksel fisik melintang.
Jendela peramban lebih kecil dari layar ketika tidak dimaksimalkan. Ukurannya berubah langsung ketika Anda mengubah ukurannya, dan berubah ketika Anda memperbesar tampilan, karena perbesaran mengubah jumlah piksel CSS yang muat.
Rasio aspek, kedalaman warna dan HDR
Rasio aspek adalah lebar dibagi tinggi, disederhanakan menjadi pecahan: 1.920 × 1.080 adalah 16:9. Layar umum punya nama: 16:9 dan 16:10 adalah layar lebar, 4:3 adalah standar lama, dan 21:9 serta 32:9 adalah ultralebar. Ketika pecahannya memiliki suku besar, halaman menampilkan rasio umum terdekat, yang ditandai sebagai sekitar.
Kedalaman warna adalah jumlah bit yang dipakai untuk setiap piksel. Pada 24 bit, layar dapat menampilkan 16.777.216 warna. HDR berarti layar dapat menampilkan rentang kecerahan dan warna yang lebih lebar; halaman melaporkan apakah peramban Anda menyatakan memiliki layar seperti itu, dengan memakai fitur media dynamic-range CSS.
Laju refresh
Laju refresh adalah berapa kali per detik layar digambar ulang: 60 Hz umum, dan 120 Hz atau 144 Hz pada layar permainan dan layar yang lebih baru. Halaman menghitung bingkai animasi yang digambar peramban selama satu detik dan mengambil jeda tipikal di antaranya, sehingga beberapa bingkai yang hilang tidak mengubah jawabannya. Peramban tidak memberikan laju panel secara langsung, jadi ini adalah pengukuran.
Contoh: laptop 1080p dengan skala 125 persen
Panel laptop 1.920 × 1.080 piksel dengan skala Windows 125 persen memberi rasio piksel perangkat 1,25. Peramban lalu melaporkan layar 1.536 × 864 piksel CSS, dan ukuran fisiknya kembali 1.920 × 1.080.
Angka di bawah adalah yang ditampilkan halaman untuk kasus itu: rasio aspeknya 16:9 dan layar memiliki sekitar 1,3 megapiksel dalam satuan CSS.
| Besaran | Nilai |
|---|---|
| Layar (piksel CSS) | 1.536 × 864 |
| Layar (piksel fisik) | 1.920 × 1.080 |
| Rasio piksel perangkat | 1,25 |
| Rasio aspek | 16:9 · layar lebar |
| Megapiksel | 1,3 |
Pertanyaan yang sering diajukan
Apa beda piksel CSS dan piksel fisik?
Piksel fisik adalah titik-titik pada panel. Piksel CSS adalah satuan yang dipakai halaman web, yang dipetakan peramban ke piksel fisik memakai rasio piksel perangkat. Pada layar berkerapatan tinggi, ukuran CSS lebih kecil daripada ukuran fisik.
Mengapa peramban saya menyebut layar saya 1536 piksel lebar pada layar 1920 piksel?
Skala Windows membuat layar tampak lebih besar, sehingga ia memiliki lebih sedikit piksel CSS. Pada skala 125 persen, 1920 piksel fisik sama dengan 1536 piksel CSS; ukuran fisiknya tetap 1920.
Berapa laju refresh yang bagus?
60 Hz adalah laju yang biasa untuk pekerjaan kantor dan video. Laju yang lebih tinggi, seperti 120 Hz atau 144 Hz, membuat gerakan terlihat lebih halus untuk permainan dan gulir, dan banyak ponsel berganti laju untuk menghemat baterai.
Mengapa HDR menampilkan Tidak pada monitor HDR saya?
Peramban hanya melaporkan HDR ketika sistem operasi dan layar sama-sama mengaktifkannya untuk peramban, sehingga monitor HDR bisa menampilkan Tidak ketika HDR dimatikan di pengaturan Windows atau macOS.
Bisakah halaman ini melihat model monitor saya?
Tidak. Ia hanya membaca angka yang diberikan peramban: ukuran, rasio piksel, kedalaman warna, orientasi dan bendera HDR. Nama model dan nomor seri tidak tersedia untuk halaman web.
Apakah ada sesuatu tentang layar saya yang dikirim ke server?
Tidak. Setiap angka dibaca dan diukur di peramban Anda, dan tidak ada yang dikirim kepada kami atau disimpan.
Sumber
- Wikipedia (dalam bahasa Inggris): Display aspect ratio
- Wikipedia (dalam bahasa Inggris): List of common display resolutions
- MDN (dalam bahasa Inggris): requestAnimationFrame
- MDN (dalam bahasa Inggris): fitur media dynamic-range
- MDN (dalam bahasa Inggris): Screen.colorDepth
Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.