Pemeriksa Resolusi Layar

Resolusi layar Anda ditampilkan di bagian atas kartu alat di atas — misalnya 1920 × 1080. Ini adalah ukuran layar Anda dalam piksel CSS, satuan logis yang dipakai browser untuk tata letak. Di bawahnya Anda juga akan menemukan estimasi resolusi fisik, yang memperhitungkan penskalaan layar. Jika kedua angka berbeda, layar Anda berjalan dengan penskalaan aktif — hal yang normal dan dianjurkan pada panel beresolusi tinggi. Untuk melihat angka berubah secara langsung, ubah ukuran jendela browser atau pindahkan ke monitor lain.

Layar beresolusi tinggi modern memakai penskalaan agar teks dan ikon tetap pada ukuran yang nyaman. Monitor 4K pada penskalaan 150% melaporkan 2560 × 1440 piksel CSS meskipun panel secara fisik merender 3840 × 2160. screen.width dan screen.height browser selalu memakai piksel CSS, jadi resolusi yang dilaporkan adalah resolusi logis hasil penskalaan. Kalikan dengan rasio piksel perangkat dan Anda mendapatkan resolusi fisik — persis itulah yang dihitungkan estimasi resolusi fisik di halaman ini untuk Anda.

Rasio piksel perangkat adalah jumlah piksel fisik yang dipakai browser untuk menggambar satu piksel CSS. DPR 1 berarti satu piksel CSS sama dengan satu piksel fisik. DPR 2 — umum pada layar Retina dan laptop modern — berarti setiap piksel CSS digambar dengan blok 2 × 2 piksel fisik, sehingga konten lebih tajam. DPR juga berubah saat Anda melakukan zoom: memperbesar browser ke 125% menaikkan DPR yang dilaporkan menjadi 1,25 kali, dan itulah sebabnya estimasi resolusi fisik diberi label perkiraan.

Resolusi layar menggambarkan seluruh layar Anda — keseluruhan monitor atau layar ponsel. Viewport adalah bagian halaman web yang terlihat di dalam jendela browser: tidak termasuk bilah alat browser, bilah antarmuka, bilah samping, dan bilah gulir. Pada browser yang dimaksimalkan, viewport sedikit lebih kecil dari layar; pada jendela mengambang yang kecil, viewport bisa jauh lebih kecil. Pengembang web memakai ukuran viewport (bukan resolusi layar) untuk membangun tata letak responsif, itulah sebabnya kedua nilai ditampilkan berdampingan di halaman ini.

Resolusi fisik dihitung dengan mengalikan resolusi CSS dengan rasio piksel perangkat lalu membulatkannya ke piksel bulat. Dua faktor membuatnya menjadi estimasi: zoom browser mengubah DPR yang dilaporkan — pada zoom 110%, DPR 2 dilaporkan sebagai 2,2 — dan sebagian browser menerapkan pembulatan sendiri pada dimensi layar. Estimasi ini tepat saat zoom browser berada di 100%, karena itu kami menyarankan memeriksa nilainya dengan zoom diatur ulang (Ctrl/Cmd + 0) jika Anda butuh pembacaan yang presisi.

Area tersedia adalah bagian layar yang tidak ditempati elemen sistem operasi permanen seperti taskbar Windows, Dock macOS, atau bilah sistem tetap di perangkat seluler. Layar 1920 × 1080 dengan taskbar Windows bawaan melaporkan tinggi tersedia 1040 piksel atau kurang. Aplikasi — termasuk jendela browser yang dimaksimalkan — ditata di dalam area tersedia, jadi angka ini sering lebih praktis ketika Anda menghitung berapa ruang yang benar-benar diperoleh jendela yang dimaksimalkan.

Buka halaman ini dan baca estimasi resolusi fisik — dengan zoom browser di 100%, nilainya cocok dengan resolusi native panel, karena penskalaan tidak dapat mengubah berapa banyak piksel yang dirender perangkat keras. Anda juga dapat memeriksanya di sistem operasi: di Windows, buka Pengaturan › Sistem › Tampilan dan lihat Resolusi layar (entri yang bertanda disarankan adalah resolusi native); di macOS, buka Pengaturan Sistem › Layar — opsi "Default untuk layar" biasanya memakai resolusi native dengan penskalaan untuk ketajaman.

Ya. Alat ini hanya memakai antarmuka browser standar, sehingga berjalan di browser Android dan iOS maupun desktop. Di perangkat seluler, resolusi layar yang dilaporkan biasanya adalah resolusi logis (CSS) perangkat — misalnya 393 × 851 pada banyak ponsel Android — sementara estimasi resolusi fisik mencerminkan panel sebenarnya. Putar perangkat dan Anda akan melihat orientasi, rasio aspek, serta kedua dimensi bertukar secara real-time. Area tersedia di perangkat seluler tidak termasuk bilah status dan bilah navigasi sistem.

Ya — sepenuhnya. Tidak ada biaya, tidak perlu mendaftar, tidak ada unduhan, dan tidak ada batas berapa kali Anda memeriksa. Setiap pengukuran terjadi secara lokal di browser Anda: halaman membaca layar, jendela, dan pengaturan tampilan Anda, lalu menampilkannya di layar. Tidak ada data layar, sidik jari perangkat, atau statistik penggunaan yang dikirim ke server mana pun, dan tidak ada yang disimpan setelah Anda menutup tab. Anda bahkan dapat menjalankannya secara offline setelah halaman dimuat.

Kartu ini memang diperbarui secara langsung. Mengubah ukuran jendela mengubah viewport; melakukan zoom mengubah rasio piksel perangkat dan karenanya estimasi fisik; memutar ponsel menukar lebar dan tinggi; memindahkan jendela ke monitor kedua akan mengukur ulang layar tempat jendela itu mendarat. Jika angka berubah tanpa tindakan dari Anda, ada peristiwa eksternal yang menyebabkannya — misalnya layar masuk mode tidur, laptop yang ter-dock beralih output, atau sistem operasi mengubah penskalaan secara otomatis untuk aksesibilitas.

Tidak ada satu jawaban terbaik, karena resolusi yang tepat bergantung pada ukuran panel dan jarak menonton. Sebagai panduan praktis, 1920 × 1080 masih menjadi resolusi desktop yang paling banyak dipakai, 2560 × 1440 cocok untuk monitor 27 inci ke atas, dan 3840 × 2160 sesuai untuk layar 32 inci ke atas, tempat kerapatan piksel yang lebih tinggi benar-benar dapat dimanfaatkan. Pada laptop, panel berkerapatan tinggi yang dipadukan dengan penskalaan sistem operasi biasanya menghasilkan teks lebih tajam daripada panel beresolusi rendah pada 100%.

Resolusi menghitung piksel; ukuran mengukur diagonal panel secara fisik dalam inci. Keduanya independen: monitor 24 inci dan monitor 32 inci bisa sama-sama 1920 × 1080, tetapi yang lebih kecil akan tampak lebih tajam karena jumlah piksel yang sama dijejalkan ke area yang lebih sempit. Kerapatan itu dinyatakan sebagai piksel per inci, dan angka itulah yang sebenarnya menentukan seberapa tajam teks terlihat — itulah sebabnya panel laptop beresolusi tinggi sering tampak lebih baik daripada monitor desktop beresolusi rendah yang lebih besar.