Cek Resolusi Layar
Cek resolusi layar & ukuran window browser secara live.
Apa itu Cek Resolusi Layar?
Alat ini menampilkan informasi layar dan jendela browser kamu secara langsung: resolusi layar, ukuran viewport, device pixel ratio, dan orientasi. Angkanya diperbarui seketika saat kamu mengubah ukuran jendela — sangat membantu web developer yang sedang menguji breakpoint responsif atau memeriksa perilaku layout di berbagai ukuran.
Pertanyaan Umum (FAQ)
Resolusi layar adalah ukuran seluruh monitor atau layar perangkat. Viewport adalah area di dalam jendela browser tempat halaman digambar — nilainya lebih kecil karena dikurangi bilah alamat, tab, dan bilah gulir. Media query CSS mengacu ke viewport, bukan resolusi layar.
Perbandingan antara piksel fisik layar dengan piksel CSS. Layar Retina dan sebagian besar ponsel modern punya nilai 2 atau 3, artinya satu piksel CSS digambar memakai beberapa piksel fisik — itulah kenapa gambar perlu disediakan dalam versi resolusi lebih tinggi agar tetap tajam.
Karena ponsel melaporkan lebar dalam piksel CSS, bukan piksel fisik. Layar 1080 piksel dengan pixel ratio 3 akan tampil sebagai viewport selebar 360 piksel CSS.
Jangan mengejar model perangkat tertentu. Perbesar jendela perlahan sambil memperhatikan kapan layout mulai terlihat janggal — di titik itulah breakpoint sebaiknya diletakkan.
Tidak. Semua nilai dibaca dari API browser di perangkat kamu dan hanya ditampilkan di layar, tanpa dikirim atau disimpan di mana pun.