Angka-angka besar di atas adalah resolusi layar Anda seperti yang dilaporkan browser, bersama angka-angka yang benar-benar dibutuhkan developer dan desainer: ukuran viewport browser, device pixel ratio (berapa piksel fisik yang bersembunyi di balik setiap piksel CSS), rasio aspek, dan kedalaman warna Anda. Ubah ukuran jendela dan nilainya diperbarui secara langsung.
Perhatikan bahwa di ponsel dan laptop ber-DPI tinggi, resolusi CSS berbeda dari resolusi pemasaran: laptop “4K” biasanya melaporkan 1920×1080 piksel CSS pada device pixel ratio 2; kedua angka ditampilkan di sini.
Untuk apa digunakan
Pengembangan web
Periksa viewport dan pixel ratio sesungguhnya dari perangkat uji apa pun dalam sekali pandang: angka-angka yang benar-benar dilihat media query CSS.
Dukungan dan bantuan jarak jauh
Minta pengguna membuka halaman ini dan membacakan angkanya: lebih cepat dan lebih akurat daripada memandu mereka lewat pengaturan sistem.
Verifikasi layar
Pastikan monitor benar-benar berjalan pada resolusi aslinya; penyebab layar buram yang ternyata sangat umum setelah pergantian kabel atau driver.
Pertanyaan umum
Mengapa layar 4K saya menunjukkan 1920×1080?
Sistem operasi Anda memakai penskalaan layar. Browser melaporkan piksel CSS; kalikan dengan device pixel ratio yang ditampilkan di sini untuk mendapat piksel fisik: 1920×1080 pada rasio 2 persis 3840×2160.
Apa itu device pixel ratio?
Jumlah piksel layar fisik per piksel CSS. Rasio 1 adalah monitor klasik, 2 adalah Retina/HiDPI, dan ponsel umumnya berjalan di 2,5–4.
Apa arti rasio aspek (misalnya 1,78)?
Rasio aspek adalah lebar layar Anda dibagi tingginya. 1,78 adalah bentuk desimal dari 16:9, bentuk layar lebar standar; 1,60 adalah 16:10, dan monitor ultrawide menunjukkan sekitar 2,33 (21:9). Ia memberi tahu bentuk layar, terlepas dari berapa banyak pikselnya.
Apa itu kedalaman warna (24-bit)?
Kedalaman warna adalah berapa bit yang dipakai untuk menggambarkan warna setiap piksel. 24-bit berarti 8 bit masing-masing untuk merah, hijau, dan biru: sekitar 16,7 juta warna, standar untuk hampir setiap layar modern. 30-bit (10 bit per kanal) dipakai beberapa layar HDR dan profesional untuk gradasi yang lebih halus.
Mengapa viewport saya lebih kecil daripada layar saya?
Viewport hanyalah area yang disisakan browser untuk halaman web, sehingga hampir selalu lebih kecil daripada layar penuh: tab, bilah alamat, dan bookmark browser memakan ruang di atas, taskbar atau dock sistem operasi memakan lebih banyak lagi, dan jendelanya sendiri mungkin tidak dimaksimalkan. Maksimalkan jendela atau tekan F11 untuk layar penuh dan viewport membesar mendekati ukuran layar CSS.
Apakah halaman ini mengirim data saya ke mana pun?
Tidak; nilainya dibaca dan ditampilkan secara lokal oleh browser Anda sendiri. Tidak ada yang dikirim atau disimpan.