Berapa resolusi layar saya, dan kenapa angkanya terlihat salah

Resolusi layar Anda adalah jumlah piksel fisik ke samping dan ke bawah pada layar, ditulis sebagai lebar × tinggi, misalnya 1920 × 1080. Pengaturan tampilan sistem Anda menampilkan angka ini. Namun, halaman web biasanya melaporkan angka yang berbeda, karena browser mengukur dalam piksel CSS, satuan yang diskalakan oleh sistem operasi dan browser. Kedua angka ini bisa sama-sama benar. Cek resolusi layar menampilkan ukuran layar, ukuran setelah skala, dan ukuran jendela sekaligus, sehingga Anda bisa tahu angka mana yang sedang Anda lihat.

Resolusi layarBerapa ukuran layar saya?Pakai gratis

Piksel fisik dan piksel CSS

Piksel fisik adalah salah satu titik cahaya kecil pada panel layar. Piksel CSS adalah satuan yang dipakai halaman web untuk tata letak. Halaman yang lebarnya 800 piksel CSS seharusnya mengisi kira-kira porsi jendela yang sama di panel mana pun, sehingga browser mengonversi antara kedua satuan ini menggunakan rasio piksel perangkat.

Rasio piksel perangkat adalah jumlah piksel fisik yang membentuk satu piksel CSS. Pada monitor biasa nilainya 1. Pada banyak layar berkerapatan tinggi nilainya 2 atau lebih, dan setiap piksel CSS digambar dengan blok 2 × 2 piksel fisik, itulah sebabnya teks terlihat lebih tajam. Ukuran layar yang dibaca halaman dalam piksel CSS adalah ukuran fisik dibagi rasio tersebut.

Penskalaan sistem operasi

Sebagian besar waktu, rasio ini berasal dari penskalaan tampilan sistem operasi. Di Windows, ini adalah pengaturan Scale di pengaturan tampilan. Di macOS, opsi resolusi untuk sebuah layar mengatur seberapa luas ruang yang didapat antarmuka. Panel 4K memiliki 3840 × 2160 piksel fisik. Jika diatur ke penskalaan 200 persen, antarmuka mendapat ruang seluas 1920 × 1080, dan browser di layar tersebut melaporkan 1920 × 1080 piksel CSS dengan rasio 2.

Hitungannya sederhana: bagi ukuran fisik dengan faktor skala.

Panel, piksel fisik	Penskalaan	Ukuran layar dalam piksel CSS	Rasio
3840 × 2160	100 persen	3840 × 2160	1
3840 × 2160	150 persen	2560 × 1440	1,5
3840 × 2160	200 persen	1920 × 1080	2
1920 × 1080	100 persen	1920 × 1080	1

Beberapa nilai skala tidak terbagi rata, dan browser membulatkan hasilnya. Angka yang meleset satu piksel dari hitungan Anda sendiri adalah hal yang wajar.

Zoom browser mengubah angkanya

Zoom di browser adalah pengaturan yang terpisah dari penskalaan tampilan. Memperbesar zoom hingga 200 persen menggandakan ukuran semua yang ada di halaman. Browser mengubah rasio piksel perangkat untuk menyesuaikan, sehingga lebar jendela dalam piksel CSS berkurang setengahnya sementara layar fisiknya tetap sama. Jendela yang lebarnya 1280 piksel CSS pada 100 persen bisa melaporkan 640 setelah diperbesar.

Zoom adalah penyebab paling umum dua pengecekan memberi angka berbeda. Jika sebuah angka terlihat salah, periksa tingkat zoom terlebih dahulu, lalu tekan Ctrl+0, atau Cmd+0 di Mac, untuk kembali ke 100 persen.

Layar, layar yang tersedia, dan jendela

Tiga ukuran ini mudah tertukar.

• Layar adalah seluruh tampilan, sebagaimana dilaporkan sistem operasi.
• Layar yang tersedia tidak termasuk area yang disisihkan sistem untuk dirinya sendiri, seperti taskbar di Windows atau dock dan menu bar di Mac. Ukurannya tidak pernah lebih besar dari layar.
• Jendela browser, yang juga disebut viewport, adalah area tempat halaman digambar. Area ini tidak mencakup tab, bilah alamat, dan bilah bookmark, dan ukurannya berubah setiap kali Anda mengubah ukuran jendela.

Ketika sebuah situs meminta ukuran layar Anda, biasanya yang dimaksud adalah layar atau jendela. Pastikan mana yang dibutuhkan sebelum Anda menyalin angkanya.

Refresh rate, HDR, dan warna

Refresh rate adalah berapa kali per detik layar memperbarui gambar. Browser tidak bisa membacanya secara langsung. Halaman hanya bisa menghitung bingkai animasi yang digambar dalam sekitar satu detik. Hasilnya karena itu merupakan pengukuran, dan bisa lebih rendah dari refresh rate layar ketika tab berada di latar belakang, komputer sedang sibuk, atau mode penghemat baterai membatasi penggambaran. Anggap saja angkanya perkiraan. Tes refresh rate layar melakukan penghitungan ini dan menggambar waktu tiap bingkai, sedangkan apakah layar Anda benar-benar berjalan di 120 Hz menjelaskan di mana pengaturannya berada.

HDR dan gamut warna juga dilaporkan melalui media query, yang menggambarkan apa yang dideteksi browser. Angka ini bisa berbeda dari kemampuan penuh layar, dan dari apa pun yang sedang diaktifkan sistem. Gunakan pembacaan ini sebagai panduan saja.

Menemukan angka di sistem Anda

Untuk memeriksa angka yang sebenarnya dipakai sistem, buka pengaturan tampilan. Di Windows 11, buka Settings, lalu System, lalu Display, dan lihat Display resolution. Di macOS, buka System Settings dan pilih Displays. Keduanya menampilkan resolusi setelah skala dan opsi yang tersedia.

Setelah Anda tahu ukurannya, pengecekan warna solid adalah langkah berikutnya untuk layar baru. Tes piksel mati mengisi layar dengan hitam, putih, merah, hijau, dan biru, sehingga Anda bisa mencari titik yang macet atau mati.

Cara menggunakannya dengan fixmint

1. Buka cek resolusi layar. Angka di bagian atas, "Layar Anda, dalam piksel CSS", menampilkan hasilnya.
2. Bandingkan dengan "piksel fisik (perkiraan)" dan "rasio piksel perangkat". Rasio di atas 1 berarti sistem atau browser sedang menskalakan gambar.
3. Ubah ukuran jendela browser atau ubah zoom, lalu perhatikan "jendela browser, langsung" yang ikut berubah. Tekan Ctrl+0, atau Cmd+0 di Mac, untuk kembali ke 100 persen.
4. Baca "refresh rate, diukur, perkiraan", dan tekan Ukur ulang refresh rate jika angkanya terlihat salah.
5. Tekan Salin semua untuk menyalin hasil pembacaan sebelum Anda menempelkannya ke formulir dukungan.

Jawaban singkat

Kenapa monitor saya melaporkan resolusi yang lebih kecil dari yang sebenarnya?

Kemungkinan besar penskalaannya diatur di atas 100 persen. Resolusi fisik tidak berubah, dan halaman membaca ukuran setelah skala dalam piksel CSS.

Apakah zoom browser mengubah resolusi layar saya?

Tidak. Zoom mengubah rasio piksel halaman dan ukuran jendela dalam piksel CSS. Atur ulang zoom untuk kembali ke angka yang normal.

Apakah refresh rate-nya akurat?

Tidak. Angka ini diukur dari bingkai animasi selama sekitar satu detik. Tab di latar belakang atau komputer yang sibuk bisa menurunkan angkanya.