Cek Resolusi Layar

Cara menggunakan alat ini

1. Buka halamannya: setiap nilai langsung ditampilkan, dibaca dari browser Anda.
2. Ubah ukuran jendela, putar ponsel atau tablet Anda, atau seret jendela ke monitor lain. Nilainya diperbarui secara langsung.
3. Tekan Salin sebagai teks untuk menyalin semua nilai sebagai daftar teks biasa, praktis untuk laporan bug atau permintaan dukungan.

Arti setiap nilai

Resolusi layar (piksel CSS) adalah ukuran seluruh layar Anda sebagaimana dilihat halaman web. Pada monitor standar dengan skala 100%, nilainya sama dengan resolusi asli monitor. Pada layar berkepadatan tinggi, nilainya lebih kecil: laptop dengan panel 2880 × 1800 pada skala 200% melaporkan 1440 × 900.

Piksel fisik (perkiraan) adalah resolusi layar dikalikan device pixel ratio. Biasanya ini adalah resolusi native panel, dan alat ini menyebutkan nama yang umum seperti Full HD (1080p), QHD (1440p), atau 4K UHD.

Device pixel ratio adalah jumlah piksel fisik yang membentuk satu piksel CSS. Nilai 1 berarti monitor klasik, 1,25 atau 1,5 umum di laptop Windows dengan penskalaan layar, 2 khas Mac Retina, dan 3 untuk banyak ponsel. Zoom browser juga mengubahnya.

Viewport (area halaman) adalah bagian jendela tempat halaman digambar, tanpa toolbar dan tab. Inilah ukuran yang menjadi sasaran desainer web dengan tata letak responsif dan media query.

Layar tersedia adalah layar dikurangi area sistem permanen seperti taskbar Windows atau bilah menu dan Dock macOS. Jendela browser adalah ukuran luar jendela, termasuk bingkai dan toolbar-nya.

Rasio aspek adalah bentuk layar, seperti 16:9, 16:10, atau 21:9 ultrawide. Orientasi menunjukkan apakah layar dalam posisi lanskap atau potret, beserta sudut rotasinya jika browser melaporkannya.

Kedalaman warna adalah jumlah bit yang dipakai per piksel: 24 bit berarti 8 bit per kanal, dan 30 bit berarti 10 bit per kanal. Gamut warna menunjukkan rentang terluas yang menurut browser dicakup layar: sRGB, Display P3, atau Rec. 2020. Layar HDR menunjukkan apakah browser melaporkan layar high dynamic range. Zoom cubit menampilkan tingkat zoom saat Anda mencubit layar sentuh untuk memperbesar.

Mengapa angkanya bisa mengejutkan

Halaman web tidak pernah melihat perangkat keras yang sebenarnya secara langsung. Sistem operasi menskalakan semuanya agar teks tetap terbaca di layar yang padat, sehingga monitor 4K pada skala 150% terlihat seperti layar 2560 × 1440 bagi browser. Baris Piksel fisik (perkiraan) membalik perhitungan itu. Hasilnya tepat pada zoom browser 100%, tetapi setiap browser menangani zoom secara berbeda, jadi kembalikan zoom dengan Ctrl+0 atau Cmd+0 sebelum memercayainya. Di ponsel, hasilnya bisa berbeda beberapa piksel dari resolusi yang diiklankan karena pembulatan.

Jika Anda memakai beberapa monitor, nilainya menggambarkan monitor tempat jendela browser sedang berada.