Resolusi layar saya berapa
Resolusi asli, pixel ratio, dan viewport layarmu, langsung.
Pixel fisik: ukuran CSS dikali pixel ratio
- Diperbarui saat kamu ubah ukuran
- Menampilkan pixel ratio
- Bisa dipakai di HP dan tablet
Cara cek resolusi layar kamu
- Buka halaman ini di perangkat yang ingin kamu periksa.
- Baca resolusi dan pixel ratio di kotak di bawah.
- Ubah ukuran jendela atau putar perangkatmu untuk melihat angkanya berubah.
Resolusi umum dan biasa dipakai di mana
| Nama | Resolusi | Umum pada |
|---|---|---|
| HD | 1280 x 720 | Laptop lama atau kelas budget |
| Full HD | 1920 x 1080 | Kebanyakan laptop dan monitor yang dijual sekarang |
| QHD (1440p) | 2560 x 1440 | Monitor kelas atas dan sebagian HP |
| 4K UHD | 3840 x 2160 | Monitor dan TV premium |
Pixel fisik vs pixel CSS
Pixel CSS adalah satuan tempat halaman web ditata, tapi tidak selalu sama dengan satu titik fisik di layar. Pixel ratio memberi tahu berapa banyak pixel fisik yang dipadatkan ke setiap pixel CSS, jadi rasio 2 berarti panelnya menggambar 4 pixel fisik, tersusun dalam kotak 2 kali 2, untuk setiap pixel CSS yang dipakai sebuah website.
Layar HP dan laptop berkepadatan tinggi melaporkan ukuran CSS yang lebih kecil dipasangkan dengan pixel ratio 2 atau 3, sementara kebanyakan monitor desktop melaporkan pixel ratio 1, di mana pixel CSS dan pixel fisik sama persis satu banding satu.
Cara mengubah resolusi kamu
- Di Windows 11, buka Pengaturan, lalu Sistem, lalu Tampilan, dan pilih opsi lain dari dropdown Display resolution.
- Di macOS, buka Pengaturan Sistem, lalu Displays, dan pilih Default atau salah satu opsi scaled yang tampil di bawah kontrol resolusi layarnya.
- Putar HP atau tablet, atau ubah ukuran jendela browser di desktop, untuk melihat angka viewport di halaman ini berubah langsung tanpa mengubah resolusi tampilan asli perangkatmu.
FAQ Pengecek resolusi layar
Kenapa ini menunjukkan angka yang berbeda dari pengaturan tampilanku?
Windows dan macOS menampilkan resolusi yang kamu pilih di pengaturan tampilan, yang bisa lebih rendah dari resolusi native panelnya saat scaling aktif. Halaman ini melaporkan apa yang dilihat browser, dikalikan pixel ratio.
Apa itu devicePixelRatio?
Ini adalah rasio antara pixel fisik dan pixel CSS. Rasio 2 berarti setiap pixel CSS digambar dengan 4 pixel fisik, yang umum pada layar HP dan kebanyakan laptop modern.
Kenapa viewport lebih kecil dari ukuran layar?
Viewport adalah area yang terlihat di dalam jendela browser, jadi tidak termasuk taskbar, toolbar browser, dan jendela lain di layar.
Apakah ini berfungsi di HP atau tabletku?
Bisa. Buka halaman ini di browser HP mana pun dan putar perangkatnya untuk melihat angka mode portrait maupun landscape.
Resolusi mana yang sebaiknya aku pilih untuk monitorku?
Pilih opsi yang bertanda Recommended di pengaturan tampilanmu, yang sesuai dengan resolusi native panelnya. Menjalankan monitor LCD di bawah resolusi native-nya biasanya membuat teks dan tepian halus jadi buram karena gambarnya harus di-scale.
Kenapa dua HP dengan ukuran layar yang sama menunjukkan angka yang berbeda?
Produsen menentukan sendiri kepadatan pixel dan faktor scaling CSS-nya meski ukuran fisik layarnya mirip, jadi dua HP dengan ukuran diagonal yang serupa bisa melaporkan resolusi dan pixel ratio yang berbeda.
Apa bedanya resolusi dan ukuran layar?
Resolusi menghitung jumlah pixel di layar. Ukuran mengukur diagonal fisik dalam inci. Resolusi yang sama dipadatkan ke layar yang lebih kecil menghasilkan kepadatan pixel yang lebih tinggi, itu sebabnya layar HP terlihat lebih tajam dari dekat dibanding monitor dengan jumlah pixel yang sama.