Utilore

Resolusi Layar

Resolusi layar Anda ditampilkan di bagian atas, persis seperti yang dilaporkan peramban. Di bawahnya ada jumlah piksel sebenarnya, kerapatan piksel yang menjelaskan selisihnya, rasio aspek, laju penyegaran, dan ukuran jendela peramban. Ubah ukuran jendelanya, angkanya ikut berubah.

Semua di bawah ini dibaca dari browser Anda sendiri. Ubah ukuran jendela dan angkanya ikut berubah.

— Layar, piksel CSS

Layar, piksel nyata
—
Kerapatan piksel
—
Rasio aspek
—
Megapiksel
—
Area halaman
—
Jendela browser
—
Kedalaman warna
—
Laju penyegaran
—
Orientasi
—

Tidak ada yang dikirim ke mana pun: halaman ini membaca browser Anda sendiri dan menampilkan apa yang dibacanya. Karena itu pula laju penyegaran diukur dengan menghitung frame selama setengah detik, bukan ditanyakan: browser memang tidak melaporkannya.

Di dekatnya: Tes Keyboard, Tes Mikrofon, Tes webcam, Alamat IP saya

Cara pakai

  1. Angka besar itu adalah layar Anda dalam piksel CSS, satuan yang dipakai peramban.
  2. «Layar, piksel sebenarnya» adalah angka tadi dikali kerapatan piksel. Inilah angka yang tercetak di kotak monitor.
  3. «Area halaman» adalah bagian yang benar-benar didapat sebuah halaman web: jendela dikurangi bilah alat dan bilah gulir. Angka inilah yang dipakai kalau sebuah situs menanyakan resolusi tampilan Anda.
  4. Ubah ukuran jendela peramban atau miringkan ponsel Anda, lalu perhatikan angka mana yang berubah dan mana yang tidak.

Perlu diketahui

Mengapa peramban menyebut 390×844 sedangkan kotaknya menulis 1170×2532

Karena keduanya menghitung hal yang berbeda. Peramban melaporkan piksel CSS, satuan ukuran tampak, supaya teks tetap terbaca di berbagai layar; kotaknya menghitung titik fisik pada panel. Layar ponsel modern menjejalkan tiga titik fisik ke dalam satu piksel CSS, dan itulah maksud baris kerapatan piksel: pada kerapatan 3, layar selebar 390 sebenarnya punya 1170 titik melintang. Di komputer meja, efek yang sama datang dari penskalaan tampilan: setel Windows ke 125 % dan monitor 1920 piksel akan melaporkan 1536 ke peramban. Kedua angka itu benar, keduanya cuma menjawab pertanyaan yang berbeda.

Tiga ukuran, dan mana yang Anda perlukan

Layar adalah keseluruhan tampilan. Jendela peramban lebih kecil karena tidak menghitung bagian yang dipegang sistem operasi, dan pada jendela yang dimaksimalkan di Windows justru beberapa piksel lebih besar daripada layar sebab bingkainya menjorok keluar tepi. Area halaman lebih kecil lagi, sebab bilah alat, deretan tab, dan bilah gulir memakan sebagiannya. Kalau sebuah situs atau perancang menanyakan «resolusi Anda», biasanya yang dimaksud adalah layar; kalau ada yang tampak rusak lalu Anda ditanya sedang melihat pada lebar berapa, yang dimaksud adalah area halaman.

Laju penyegaran diukur, bukan ditanyakan

Peramban tidak membuka informasi laju penyegaran, jadi halaman ini menghitung berapa bingkai yang bisa digambarnya dalam setengah detik. Hasilnya dibulatkan ke laju umum terdekat: pengukuran mentah 59,7 berarti layar 60 Hz dengan derau pengukuran, dan menampilkan 59,7 sama saja menyajikan derau sebagai fakta. Hasil pengukuran bisa rendah kalau tabnya berada di latar belakang atau mesinnya sedang sibuk, dan pada sebagian laptop lajunya sendiri diturunkan demi menghemat baterai. Muat ulang halaman kalau angkanya terlihat keliru.

Pertanyaan umum

Berapa resolusi layar saya?

Angka di bagian atas halaman ini, dalam piksel CSS, itulah yang dilihat peramban Anda. Resolusi fisik yang sebenarnya ada di baris di bawahnya, dan kalau keduanya berbeda, baris kerapatan piksel menyebutkan selisihnya.

Mengapa monitor 4K saya menampilkan 2560×1440?

Penskalaan tampilan. Pada penskalaan 150 %, monitor 3840 piksel melaporkan 2560 ke aplikasi supaya teks dan tombol tidak menyusut jadi sepertiga ukuran semestinya. Panelnya tetap punya 3840 titik; baris «piksel sebenarnya» menampilkannya.

Apakah area halaman berubah kalau saya memperbesar tampilan?

Ya, dan itu memang wajar: perbesaran mengubah berapa banyak piksel CSS yang muat di layar. Kalau Anda memperbesar, area halaman mengecil dalam satuan piksel CSS meski jendelanya tidak bergeser sama sekali. Baris layar tidak berubah.

Laju penyegarannya kelihatan salah.

Muat ulang halaman dan biarkan tab ini di depan. Peramban menahan laju animasi pada tab latar belakang, sehingga pengukuran yang diambil saat Anda sedang di tempat lain akan terbaca rendah. Sebagian laptop juga menurunkan laju penyegaran saat memakai baterai, dan dalam hal itu angkanya benar: layarnya memang melambat.

Apakah semua ini dikirim ke suatu tempat?

Tidak. Semua yang ada di halaman ini dibaca dari peramban Anda sendiri lalu ditampilkan kembali kepada Anda. Tidak ada yang dikirim ke server, disimpan, atau dicatat, dan halaman ini tetap bekerja saat jaringan dimatikan.

Alat terkait