Lompat ke konten
SPCXTools

Resolusi Layar

Lihat resolusi layar, ukuran viewport browser, rasio piksel, dan detail layar lainnya secara instan.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Resolusi Layar

  1. 1Buka halaman ini — resolusi layar Anda akan langsung tampil di bagian atas.
  2. 2Cek detail di bawahnya — resolusi CSS, rasio piksel perangkat, ukuran viewport, rasio aspek, kedalaman warna, dan lainnya.
  3. 3Ubah ukuran jendela browser atau putar perangkat Anda; nilainya akan diperbarui secara langsung.
  4. 4Klik Copy untuk membagikan semua detail, misalnya untuk laporan bug.

Berapa resolusi layar saya?

Resolusi layar Anda adalah jumlah piksel yang ditampilkan layar secara horizontal dan vertikal, misalnya 1920 × 1080. Alat ini mendeteksinya secara instan, lengkap dengan detail yang sering dibutuhkan desainer web, developer, dan tim support: resolusi CSS, rasio piksel perangkat, ukuran viewport browser, ruang layar yang tersedia, rasio aspek, kedalaman warna, color gamut, dan dukungan HDR. Semuanya dibaca secara lokal dari browser Anda.

Memahami angka-angka tersebut

Resolusi fisik adalah jumlah piksel asli pada panel (untuk sebagian besar perangkat). Ini adalah angka yang diiklankan oleh produsen, misalnya 2560 × 1440.

Piksel CSS adalah unit logis yang digunakan situs web. Saat sistem Anda menskalakan tampilan — misalnya 200% pada layar Retina — satu piksel CSS mencakup beberapa piksel fisik, sehingga teks tetap pada ukuran yang mudah dibaca namun terlihat lebih tajam.

Rasio piksel perangkat menghubungkan keduanya: piksel fisik = piksel CSS × DPR.

Viewport adalah area halaman yang terlihat di dalam browser. Ukurannya berubah setiap kali Anda mengubah ukuran jendela, membuka developer tools, atau menampilkan bilah bookmark.

Resolusi layar yang umum

Nama Resolusi Rasio aspek
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (ultrawide) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

Siapa yang membutuhkan informasi ini

Desainer dan developer web menguji tata letak responsif pada ukuran viewport dan rasio piksel asli, serta membutuhkannya untuk mereproduksi laporan bug dari pengunjung.

Tim support dan IT meminta detail layar saat mengatasi masalah tampilan atau tata letak — gunakan tombol Salin untuk mengirim semua info sekaligus.

Gamer dan kreator memastikan monitor baru berjalan di resolusi native, bukan dalam mode skala atau resolusi yang lebih rendah.

Siapa saja yang membeli wallpaper, screenshot, atau presentasi dapat menyesuaikan gambar dengan ukuran layar yang pas untuk mendapatkan hasil paling tajam.

Cek seberapa cepat layar Anda memperbarui gambar dengan Refresh Rate Test, atau cari piksel yang rusak dengan Dead Pixel Test.

Pertanyaan yang sering diajukan

Mengapa resolusinya berbeda dari spesifikasi monitor saya?
Sistem operasi sering kali menyesuaikan skala antarmuka. Monitor 3840 × 2160 (4K) dengan skala 150% melaporkan resolusi "CSS" 2560 × 1440 ke situs web, dengan rasio piksel perangkat 1.5. Resolusi layar di bagian atas mengalikannya kembali menjadi piksel fisik. Zoom browser juga mengubah rasio piksel, jadi atur ulang zoom ke 100% (Ctrl/Cmd + 0) untuk hasil yang akurat.
Apa itu rasio piksel perangkat (DPR)?
DPR adalah jumlah piksel fisik per piksel CSS. Monitor standar memiliki DPR 1; Mac Retina dan sebagian besar ponsel memiliki 2 atau 3. Layar dengan DPR tinggi menampilkan teks dan gambar yang lebih tajam karena setiap piksel CSS digambar dengan beberapa piksel fisik.
Apa itu viewport, dan mengapa ini penting?
Viewport adalah area di dalam jendela browser tempat halaman web ditampilkan, tidak termasuk toolbar dan tab. Desainer web menggunakannya — bukan ukuran layar penuh — untuk tata letak responsif, sehingga angka ini paling berguna saat melaporkan bagaimana tampilan sebuah situs web di perangkat Anda.
Apa arti ukuran layar yang "tersedia"?
Ini adalah area layar dikurangi elemen permanen sistem operasi seperti taskbar Windows atau menu bar dan Dock macOS — ukuran jendela terbesar yang memungkinkan tanpa menimpanya.
Apakah data HDR dan gamut warna yang dilaporkan akurat?
Data ini sesuai dengan apa yang dilaporkan browser melalui media queries CSS. HDR akan berstatus didukung jika layar dan sistem operasi berada dalam mode HDR; gamut lebar (Display P3) umum dijumpai pada perangkat Apple serta ponsel dan monitor terbaru.