Cek Resolusi Layar

Resolusi asli layar dan ukuran yang dipakai web, ditampilkan bersamaan

Cek resolusi layar membaca nilai layar perangkat ini begitu halaman dibuka, lalu menampilkan resolusi dalam piksel fisik dengan angka paling besar. Banyak situs cek resolusi langsung menulis nilai piksel CSS dari peramban sebagai resolusi, sehingga monitor 1920 × 1080 sering terbaca 1536 × 864. Alat ini mengalikan nilai itu dengan skala sistem operasi untuk mengembalikannya ke piksel fisik. Pada peramban yang bisa menebak tingkat zoom dari ukuran jendela, seperti Chrome dan Edge, zoom peramban juga dikurangkan dalam perhitungan.

Denah layar di bawah jawaban menggambar seluruh layar, taskbar, jendela peramban, dan area tempat halaman benar-benar tampil, semuanya dengan skala yang sebenarnya. Jika Anda mengubah ukuran jendela atau memindahkannya, denah ikut bergerak, jadi Anda bisa melihat langsung apa yang ditunjuk setiap angka. Selain itu, tabel di halaman ini juga merangkum seberapa rapat piksel layar, gamut warna dan HDR yang dilaporkan layar, serta sistem operasi, peramban, dan grafis yang dipakai. Semua nilai dihitung hanya di dalam peramban ini dan tidak disimpan atau dikirim.

Kapan perlu mengecek resolusi

• Saat baru menyambungkan monitor atau laptop: Meski monitor mendukung 4K, resolusinya bisa terpasang lebih rendah karena kabel atau pengaturan. Pastikan dulu piksel fisiknya sama dengan spesifikasi monitor.
• Saat teks terlihat buram atau terlalu kecil: Resolusi yang tidak disarankan membuat teks buram, dan skala yang terlalu rendah membuat teks kecil. Dengan melihat resolusi dan skala bersama-sama, Anda bisa tahu mana yang bermasalah.
• Saat memilih kualitas game atau video: Memilih video 4K di monitor QHD, atau resolusi game QHD di monitor FHD, berarti Anda melihat gambar yang lebih besar dari layar setelah diperkecil. Patokannya adalah menyesuaikan dengan piksel fisik layar.
• Saat halaman web terpotong atau berantakan dan Anda perlu bertanya: Layanan pelanggan atau pengembang biasanya menanyakan resolusi, skala, peramban, dan ukuran jendela. Tombol Salin hasil merangkum nilai-nilai ini menjadi satu teks.
• Saat membuat atau memeriksa web responsif: Tata letak halaman berubah mengikuti lebar CSS area tampil, bukan piksel fisik. Dengan memperkecil jendela sambil melihat denah dan angka area tampil, Anda tahu sedang berada di lebar yang mana.
• Saat ingin melihat gamut warna dan HDR sebelum bekerja dengan foto atau video: Foto warna lebar (P3) atau video HDR hanya tampil benar jika layar dan peramban sama-sama mendukungnya.
• Saat jual beli laptop atau monitor bekas: Anda bisa langsung mengecek apakah resolusi di iklan sama dengan resolusi layar sebenarnya, dan apakah informasi grafisnya cocok.

Cara memakai

1. Buka halaman ini di layar yang ingin dicek. Jika memakai beberapa monitor, pindahkan jendela peramban ke monitor yang ingin dicek.
2. Lihat angka besar di paling atas. Angka ini adalah resolusi layar yang sebenarnya. Tag di bawahnya menampilkan nama resolusi, rasio aspek, dan jumlah piksel, sedangkan kalimat di bawah tag menjelaskan ukuran dalam piksel yang dianggap oleh web karena skala.
3. Lihat empat panel kecil di sebelah kanan. Panel itu menampilkan ukuran di web, skala (DPR), zoom peramban, dan area tampil secara berurutan. Jika zoom bukan 100%, kembalikan dengan Ctrl+0 (di Mac ⌘+0) lalu lihat lagi.
4. Coba gerakkan jendela di denah layar. Saat ukuran jendela diubah atau dipindahkan, jendela dan area tampil ikut bergerak di atas denah. Tombol "Piksel fisik" dan "Piksel CSS" mengganti satuan angka pada denah.
5. Jika ada beberapa monitor, tekan "Lihat semua monitor". Jika Anda memberi izin di Chrome atau Edge, tata letak monitor serta nama, resolusi, dan skala tiap monitor ikut ditampilkan.
6. Jika perlu, masukkan diagonal layar dalam inci. Kerapatan piksel (PPI), panjang lebar dan tinggi layar, dan jarak titik akan dihitung.
7. Tekan Salin hasil. Resolusi, skala, ukuran jendela, warna, sistem operasi, peramban, dan grafis tersalin sebagai teks yang bisa ditempel di pertanyaan atau catatan.

Cara membaca angka: piksel fisik, piksel CSS, skala

Layar punya dua set angka. Satu adalah piksel fisik, yaitu jumlah titik pada panel monitor. Satu lagi adalah piksel CSS, yang dipakai halaman web untuk mengukur ukuran. 1 px CSS awalnya ditetapkan berdasarkan ukuran satu titik pada layar 96 dpi, sehingga pada layar dengan titik yang rapat, 1 px CSS digambar dengan beberapa piksel fisik. Perbandingan itu adalah skala (devicePixelRatio, DPR), yaitu hasil kali pengaturan skala sistem operasi dan zoom peramban.

Piksel fisik = piksel CSS × skala sistem operasi = piksel CSS × skala (DPR) ÷ zoom peramban

Tabel berikut adalah contoh hitungan yang menunjukkan bagaimana skala mengubah angka. Peramban membulatkan ukuran CSS menjadi bilangan bulat saat melaporkannya, jadi jika skalanya berupa pecahan, hasil perkalian bisa meleset beberapa piksel. Alat ini memilih nilai resolusi standar (1080, 1366, 1440, dan sebagainya) yang masih berada dalam rentang selisih itu.

Pada peramban Chromium seperti Chrome dan Edge, jika zoom dipasang, skala menjadi lebih besar, tetapi ukuran layar yang dilaporkan peramban dan ukuran luar jendela tetap sama (Roberin mengecek pada 2026-11-01 dengan zoom 50%, 125%, dan 200%). Karena itu, membagi ukuran luar jendela dengan ukuran dalamnya memberi tahu tingkat zoom. Alat ini hanya mengurangkan nilai itu untuk menghitung piksel fisik jika lebar dan tinggi menunjuk tingkat yang sama. Panel samping atau alat pengembang yang menempel hanya mempersempit lebar sehingga tampak seperti zoom. Biasanya hal itu ditangani sebagai "Tak diketahui", tetapi sesekali bisa terbaca sebagai tingkat lain. Cara ini tidak berlaku di Firefox dan Safari, jadi zoom ditandai "Tak diketahui" dan skala dipakai apa adanya. Nilai paling akurat muncul saat zoom 100% dan panel samping ditutup.

Nama resolusi dan rasio aspek: HD, FHD, QHD, 4K

Nama seperti FHD, QHD, dan 4K adalah sebutan singkat untuk jumlah piksel tertentu. Gambar di bawah menumpuk empat resolusi umum dengan skala yang sama. FHD memiliki 2,25 kali piksel HD, dan 4K UHD tepat 4 kali piksel FHD. Jika ada resolusi yang sama dengan layar ini di tabel, baris itu diberi tanda "Layar ini".

Rasio aspek adalah perbandingan sisi panjang dan sisi pendek. 1366 × 768 tidak tepat 16:9, tetapi sangat dekat sehingga disebut 16:9. Monitor ultrawide yang dijual sebagai 21:9, seperti 2560 × 1080 dan 3440 × 1440, sebenarnya memiliki rasio 2,37:1 dan 2,39:1. Ponsel menyebut 1080 × 2340 sebagai 19,5:9 dan 1080 × 2400 sebagai 20:9, dengan sisi panjang berada di arah vertikal. 4K untuk TV dan monitor yang berukuran 3840 × 2160 (UHD) berbeda dari 4096 × 2160 (DCI 4K) standar bioskop, sehingga 4K pada spesifikasi monitor biasanya 3840 × 2160.

Ukuran layar (inci) dan kerapatan piksel

Pada resolusi yang sama, layar yang lebih besar memiliki titik yang lebih jarang. Kerapatan piksel (PPI) adalah jumlah piksel diagonal dibagi diagonal dalam inci. Jika Anda memasukkan inci di kolom diagonal layar pada area kerja, PPI serta panjang lebar dan tinggi layar ini akan dihitung. Peramban tidak memberi tahu ukuran fisik layar, jadi inci harus Anda masukkan sendiri.

PPI = √(lebar² + tinggi²) ÷ diagonal inci · panjang lebar (cm) = diagonal × 2,54 × lebar ÷ √(lebar² + tinggi²)

Pada monitor 27 inci, FHD kira-kira 82 PPI, QHD kira-kira 109 PPI, dan 4K kira-kira 163 PPI. Semakin rapat titiknya, semakin halus teksnya, tetapi pada skala 100% teks menjadi kecil, sehingga layar berkerapatan tinggi biasanya dipakai dengan skala sistem operasi yang dinaikkan. Kotak kaca pembesar piksel menunjukkan bagaimana garis 1 px CSS terbagi di dua piksel perangkat jika skalanya bukan bilangan bulat. Itulah sebabnya garis yang sangat tipis atau teks kecil tampak sedikit kabur pada skala 125% dan 150%.

Tempat mengecek langsung di sistem operasi

Jika nilai alat ini berbeda dari dugaan Anda, cek resolusi dan skala langsung di pengaturan sistem operasi. Resolusi yang ditandai "Disarankan" di layar pengaturan biasanya adalah resolusi asli panel.

Mac dengan layar Retina terbaca berskala 2, jadi alat ini mengalikan ukuran layar yang dilaporkan peramban dengan 2. Ukuran itu mengikuti resolusi yang dipilih di pengaturan layar, sehingga bisa berbeda dari jumlah piksel panel. Saat Roberin mengecek di MacBook Pro 14 inci, resolusi panel di informasi sistem adalah 3024 × 1964, tetapi peramban yang resolusinya dipilih lebih lebar dari bawaan melaporkan layar 1800 × 1169, sehingga alat ini menampilkan 3600 × 2338. Cek juga jumlah piksel panel di menu Apple > Pengaturan Sistem > Umum > Mengenai > Laporan Sistem, pada bagian Grafis/Layar.

Cara membaca gamut warna dan HDR

Gambar pada kolom gamut warna menggambar tiga segitiga sRGB, Display P3, dan Rec. 2020 di atas seluruh warna yang bisa dilihat manusia (bentuk tapal kuda). Semakin lebar segitiganya, semakin pekat merah dan hijau yang bisa ditampilkan, dan segitiga terluas yang dilaporkan peramban sebagai kemampuan layar ini diwarnai dengan warna sorot. Monitor kantor yang umum biasanya terbaca sRGB, sedangkan Mac dan iPhone yang mendukung P3 atau monitor warna lebar terbaca P3.

• Prinsip uji warna lebar: Latar dua kotak adalah merah dan hijau paling pekat di sRGB, dan tulisannya adalah warna P3 dengan nama yang sama. Pada layar sRGB, warna P3 dipadatkan menjadi warna terdekat yang bisa ditampilkan, yaitu sama dengan latar, sehingga tulisan tidak terlihat. Pada layar P3, tulisan tampak lebih pekat daripada latar.
• HDR: Jika peramban melaporkan layar ini memiliki rentang dinamis tinggi (dynamic-range: high), tampil "Didukung". Di Windows, jika HDR di pengaturan tampilan mati, monitor HDR pun bisa terbaca memiliki rentang standar, jadi periksa dulu apakah HDR sudah dinyalakan.
• Kedalaman warna: Menurut spesifikasi, peramban boleh mengembalikan 24 bit jika tidak tahu atau ingin menyembunyikan kedalaman warna. Jadi, meski terbaca 24 bit, panelnya bisa saja 10 bit, dan jika terbaca 30 bit, artinya digambar dengan 10 bit per warna.

Spesifikasi perangkat yang bisa dan tidak bisa diketahui peramban

Banyak orang mencari "cek spesifikasi komputer", tetapi informasi perangkat yang bisa dibaca halaman web sengaja dibuat kasar. Anggap nilai pada tabel di bawah hanya sebagai acuan, dan cek spesifikasi yang akurat di layar sistem operasi.

Kesalahan yang sering terjadi

• Membaca piksel CSS sebagai resolusi: Laptop FHD berskala 125% terlihat 1536 × 864 di web. Bukan monitornya yang perlu diganti, tetapi skalanya yang sedang aktif.
• Mengukur saat zoom peramban aktif: Zoom mengubah skala dan area tampil sekaligus. Firefox dan Safari tidak melaporkan zoom, jadi kembalikan dulu dengan Ctrl+0 (⌘+0) lalu lihat lagi.
• Mengukur di monitor yang salah: Alat ini mengukur layar tempat jendela berada. Untuk mengecek monitor kedua, pindahkan jendela ke sana.
• Membaca nilai Mac sebagai jumlah piksel panel: Jika Anda memilih resolusi selain bawaan di pengaturan layar, ukuran yang digambar macOS bisa lebih besar atau lebih kecil dari panel.
• Memperbesar ukuran tampilan ponsel: Di Android, memperbesar pembesaran layar atau ukuran tampilan menaikkan skala tanpa mengubah piksel fisik, sehingga hanya ukuran web yang mengecil. Pada Zoom Tampilan di iPhone (Teks yang Lebih Besar), layar digambar pada ukuran lebih kecil lalu diperbesar, sehingga nilai alat ini juga bisa lebih kecil daripada spesifikasi perangkat.
• Membuka di peramban dalam aplikasi: Peramban dalam aplikasi, seperti yang ada di aplikasi media sosial atau pesan, bisa menampilkan nama peramban dan sebagian nilai secara berbeda. Untuk hasil yang akurat, buka di peramban bawaan.

Keterbatasan

• Peramban tidak memberi tahu ukuran fisik layar (inci). Inci dan PPI dihitung dari nilai yang Anda masukkan sendiri.
• Zoom peramban hanya bisa ditebak dari ukuran jendela pada peramban Chromium seperti Chrome dan Edge. Alat pengembang atau panel samping yang menempel biasanya ditangani sebagai "Tak diketahui", tetapi sesekali bisa terbaca sebagai tingkat zoom lain. Untuk pengukuran yang akurat, atur zoom ke 100% dan tutup panelnya.
• Jika ada beberapa monitor, tata letak dan nama semua monitor baru terlihat setelah Anda memberi izin di Chrome atau Edge. Posisi taskbar yang digambar tanpa izin hanyalah perkiraan.
• Ukuran persis bingkai jendela dan bilah alat tidak diketahui, jadi posisi area tampil di dalam jendela pada denah digambar dengan anggapan bingkai kiri dan kanan sama lebar.
• Nilai CPU, memori, dan grafis telah dibulatkan atau disembunyikan peramban untuk mencegah pelacakan sidik jari. Cek spesifikasi yang akurat di sistem operasi.
• Peramban dengan pengaturan privasi yang ketat bisa sengaja mengubah ukuran layar dan nilai perangkat yang dilaporkan.

Tanggal acuan Nama menu pengaturan dan dokumen sumber dicek pada 2026-11-01. Jika sistem operasi dan peramban diperbarui, nama menu dan nilai yang dilaporkan bisa berubah.

Sumber

• 01MDN: Window.devicePixelRatioRasio piksel fisik dan piksel CSS; zoom halaman mengubah nilai, zoom cubit tidak
• 02MDN: Screen.availHeightUkuran layar dalam piksel CSS; area yang dapat dipakai tidak termasuk Dock, bilah menu, dan taskbar
• 03W3C: CSS Values and Units Level 41px = 1/96 inci, piksel acuan untuk layar 96 dpi yang dilihat sejauh lengan
• 04MDN: Window.innerWidthLebar area tampil mencakup lebar scrollbar vertikal
• 05W3C: CSS Color Module Level 4Koordinat merah, hijau, dan biru ruang warna sRGB, display-p3, dan rec2020
• 06MDN: fitur media dynamic-range dan color-gamutMedia query yang melaporkan rentang dinamis tinggi (HDR) dan gamut sRGB, P3, Rec. 2020
• 07W3C: CSSOM ViewMengembalikan 24 jika kedalaman warna tidak diketahui atau disembunyikan
• 08MDN: Window.getScreenDetails()Tata letak, nama, dan status utama beberapa monitor; izin window-management; mulai Chrome 100
• 09Microsoft Learn: Detect Windows 11 using User-Agent Client HintsVersi utama platformVersion 13 ke atas = Windows 11, 1 sampai 10 = Windows 10
• 10Chromium: User-Agent ReductionVersi macOS 10_15_7, Windows NT 10.0, dan model perangkat Android K dibekukan pada string UA
• 11WebKit Bugzilla 298473Safari membekukan versi iOS pada UA di 18.6 (18.6.2), berlaku permanen untuk mengurangi pelacakan sidik jari
• 12MDN: Navigator.deviceMemoryMemori dibulatkan ke pangkat dua; batas atas dan bawah ditentukan implementasi (Chrome 147: 2 sampai 32 GB)
• 13MDN: WEBGL_debug_renderer_infoNama chip grafis; bisa diblokir atau disederhanakan oleh pengaturan privasi
• 14Kode sumber WebKit: NavigatorBase.cppJumlah inti hanya dilaporkan sebagai 4 atau 8 untuk mengurangi pelacakan sidik jari
• 15W3C: Mitigating Browser Fingerprinting in Web SpecificationsUkuran jendela dan sifat perangkat dapat dipakai untuk pelacakan sidik jari peramban
• 16Dukungan Microsoft: Mengubah resolusi layar dan tata letak di WindowsLokasi Resolusi tampilan, tanda Disarankan, dan Skala (Windows 11 dan 10)
• 17Dukungan Microsoft: Pengaturan HDR di WindowsHDR pada pengaturan Tampilan; Windows 10 memakai pengaturan Windows HD Color
• 18Dukungan Microsoft: Menemukan informasi tentang perangkat WindowsSistem > Tentang, bagian Spesifikasi perangkat, untuk prosesor dan RAM terpasang
• 19Microsoft: How to check your GPUTask Manager > Performance > GPU; nama chip grafis di kanan atas (hanya versi bahasa Inggris)
• 20Panduan Pengguna Mac: Mengubah resolusi layarPilih resolusi di Pengaturan Sistem > Layar, Tampilkan Daftar
• 21Panduan Pengguna Mac: Pengaturan MengenaiPengaturan Sistem > Umum > Mengenai untuk chip, memori, layar, dan Laporan Sistem
• 22Panduan Pengguna iPhone: Menyesuaikan pengaturan tampilan dan teksTampilan > Zoom Tampilan > Teks yang Lebih Besar
• 23Samsung US: Change the screen resolution on your Galaxy phoneSettings > Display > Screen resolution (HD+, FHD+, QHD+), Screen zoom; menu berbeda menurut model (bahasa Inggris)
• 24Bantuan Pixel: Mengelola setelan layar dan tampilanTampilan & sentuhan > Ukuran tampilan dan teks
• 25Bantuan Chrome: Pintasan keyboard ChromeCtrl + 0 (Mac ⌘ + 0) = mengembalikan semua yang ada di halaman ke ukuran default
• 26Bantuan Firefox: Ukuran font dan zoomKlik persentase zoom di bilah alamat untuk mengatur ulang ke tingkat zoom default

Pertanyaan yang sering diajukan

Alat yang dipakai bersama