Detail layar dan jendela
Ukuran dalam piksel CSS, satuan yang dipakai situs web, kecuali disebutkan lain. Atur zoom browser ke 100% (Ctrl+0, atau ⌘0 di Mac) agar angkanya akurat.
- Resolusi layar
- Memeriksa… Ukuran layar yang dilihat situs web.
- Resolusi fisik
- Memeriksa…Resolusi layar × rasio piksel perangkat: piksel asli di panel.
- Viewport (jendela browser)
- Memeriksa… Bagian halaman yang terlihat, tanpa toolbar.
- Seluruh jendela browser
- Memeriksa…
- Layar yang tersedia
- Memeriksa…Layar dikurangi taskbar, Dock, atau bilah menu.
- Rasio piksel perangkat
- Memeriksa…
- Rasio aspek
- Memeriksa…
- Orientasi
- Memeriksa…
- Kedalaman warna
- Memeriksa…
- Gamut warna
- Memeriksa…
- HDR
- Memeriksa…
- Refresh rate
- Memeriksa…
- Layar sentuh
- Memeriksa…
- Monitor
- Memeriksa…
Posisi viewport di layar Anda
Kotak luar adalah layar Anda; kotak berarsir adalah bagian halaman ini yang terlihat, tempat jendela browser Anda berada.
Resolusi layar yang umum
Ukuran monitor dan laptop dalam piksel fisik; ukuran ponsel dan tablet dalam piksel CSS, seperti yang dilihat situs web. Baris yang cocok dengan layar Anda diberi tanda.
| Nama | Resolusi | Rasio aspek | Penggunaan umum |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | TV HD, laptop kecil |
| WXGA | 1366 × 768 | 16:9 | Laptop murah |
| HD+ | 1600 × 900 | 16:9 | Laptop 17 inci, monitor lama |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Kebanyakan monitor dan laptop |
| WUXGA | 1920 × 1200 | 16:10 | Monitor kantor, laptop |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | Monitor 27 inci, gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air dan Pro, laptop 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | Monitor ultrawide 34 inci |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | Monitor dan TV 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (piksel CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (piksel CSS) |
| Android | 412 × 915 | 20:9 | Ponsel Android (piksel CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (piksel CSS) |
Apa itu resolusi layar
Resolusi layar adalah jumlah piksel yang ditampilkan layar secara mendatar dan menurun, ditulis lebar × tinggi. Monitor Full HD berukuran 1920 × 1080: lebar 1.920 piksel dan tinggi 1.080 piksel, total sekitar dua juta piksel.
Makin banyak piksel pada ukuran layar yang sama, makin tajam teks dan gambarnya. Karena itu laptop 13 inci bisa punya resolusi lebih tinggi daripada monitor kantor 24 inci.
Kenapa resolusi yang terbaca lebih rendah dari resolusi monitor
Windows, macOS, iOS, dan Android memperbesar semua elemen agar teks tetap mudah dibaca di layar yang tajam. Laptop dengan panel 1920 × 1080 dan skala 125% memberi tahu situs web bahwa layarnya 1536 × 864, sedangkan MacBook dengan panel 2560 × 1600 biasanya melaporkan 1440 × 900 atau 1470 × 956.
Situs web hanya melihat ukuran yang sudah diskalakan ini, yang disebut piksel CSS. Kalikan dengan rasio piksel perangkat untuk mendapatkan resolusi fisik, yang ditampilkan halaman ini di bawah angka utama. Zoom browser juga mengubah rasio piksel, jadi kembalikan zoom ke 100% sebelum membandingkan.
Resolusi layar, viewport, dan ukuran jendela
- Resolusi layar: seluruh tampilan, termasuk bagian yang tertutup jendela lain.
- Layar yang tersedia: tampilan dikurangi taskbar, Dock, atau bilah menu.
- Jendela browser: seluruh jendela, termasuk tab, bilah alamat, dan bingkai.
- Viewport: bagian jendela yang menampilkan halaman. Ukuran inilah yang dipakai desainer web untuk menguji tata letak, dan berubah saat Anda mengubah ukuran jendela atau membuka alat pengembang.
Cara mengubah resolusi layar
- Windows 11 dan 10: klik kanan desktop > Pengaturan tampilan > Resolusi tampilan. Pilihan bertanda (Disarankan) adalah resolusi asli monitor Anda. Skala diatur tepat di atasnya.
- macOS: menu Apple > Pengaturan Sistem > Layar, lalu pilih ukuran. Pilihan teks lebih besar memakai piksel CSS yang lebih sedikit dan lebih besar; resolusi fisik panel tetap sama.
- iPhone dan Android: resolusinya tetap. Zoom Layar (iPhone) atau Ukuran tampilan (Android) mengubah seberapa besar tampilan elemen, sehingga ukuran CSS yang dilihat situs web ikut berubah.
- Untuk gambar paling tajam, biarkan resolusi asli dan ubah skalanya saja.
Pertanyaan
Berapa resolusi layar saya?
Resolusinya tampil di bagian atas halaman ini, dibaca dari browser Anda. Angka besar adalah ukuran yang dilihat situs web; baris di bawahnya menunjukkan resolusi fisik layar dan skala yang dipakai sistem Anda.
Kenapa terbaca 1536 × 864 padahal monitor saya 1920 × 1080?
Sistem Anda memakai skala 125%, jadi situs web melihat layar yang 1,25 kali lebih kecil. Resolusi fisiknya tetap 1920 × 1080, seperti yang ditampilkan di bawah angka utama. Begitu juga, skala 150% mengubah 1920 × 1080 menjadi 1280 × 720.
Apakah 1920 × 1080 sama dengan 1080p dan 2K?
1920 × 1080 adalah Full HD, disebut juga 1080p. Untuk monitor, 2K biasanya berarti 2560 × 1440 (QHD atau 1440p), sedangkan 2K di dunia sinema adalah 2048 × 1080. 4K UHD adalah 3840 × 2160, empat kali jumlah piksel 1080p.
Apa itu ukuran viewport?
Viewport adalah area jendela browser yang menampilkan halaman, tanpa tab, bilah alamat, dan scroll bar. Situs responsif menyesuaikan diri dengan ukuran ini, jadi inilah yang dimaksud desainer saat menanyakan ukuran browser Anda.
Apa itu rasio piksel perangkat?
Rasio ini menunjukkan berapa piksel fisik yang membentuk satu piksel CSS. Rasio 1 berarti tanpa penskalaan, 2 umum di Mac Retina dan banyak ponsel, dan 3 di iPhone terbaru. Zoom browser juga mengubahnya.
Bagaimana cara cek resolusi layar HP?
Buka halaman ini di HP Anda. Ponsel melaporkan piksel CSS, misalnya 393 × 852 di iPhone 15. Kalikan dengan rasio piksel (3 di iPhone tersebut) untuk mendapatkan 1179 × 2556 piksel panelnya; halaman ini sudah menghitungnya untuk Anda.
Apakah refresh rate-nya akurat?
Nilainya diukur dari seberapa sering browser menggambar frame, jadi mendekati tetapi tidak persis. Mode hemat baterai, tab di latar belakang, atau komputer yang sedang sibuk bisa membuatnya terbaca lebih rendah dari pengaturan layar Anda.
Panduan
- Apa itu IP address?
IP address adalah nomor yang memberi tahu internet ke mana data untuk Anda harus dikirim. Berikut bentuknya, jenis-jenisnya, dan apa yang bisa diketahui dari IP Anda.
- Cara melihat IP address Anda
IP publik bisa dicek dengan sekali klik. Cara melihat IP privat tergantung perangkatnya. Berikut langkah-langkahnya untuk setiap perangkat.
- Perbedaan IPv4 dan IPv6
IPv6 menggantikan IPv4 karena dunia kehabisan alamat. Berikut perbandingan keduanya, cara tahu mana yang Anda pakai, dan mengapa IPv6 penting jika Anda memakai VPN.
- Apa itu DNS leak dan bagaimana cara mengatasinya?
Meski VPN aktif, perangkat Anda mungkin masih bertanya ke ISP untuk setiap situs yang Anda kunjungi. Itulah DNS leak. Berikut cara mendeteksi dan menghentikannya.