Tes Resolusi Layar
Lihat resolusi natif layar Anda dalam piksel fisik, beserta rasio piksel, rasio aspek, dan kedalaman warna. Lalu luncurkan pola uji 1 piksel layar penuh: pada resolusi natif sebenarnya ia terbaca sebagai tekstur bersih dan merata, sementara penskalaan atau mode non-natif muncul sebagai blur atau moiré.
Mendeteksi…
← → ganti pola
Piksel berselang menyatu jadi abu-abu halus — layar berjalan pada resolusi natif dan penskalaan 100%.
Gambar sedang diregangkan — resolusi kemungkinan disetel di bawah natif, sehingga GPU meng-upscale.
Pola berombak berasal dari interpolasi. Setel ulang zoom browser ke 100% dan periksa penskalaan layar OS.
Resolusi layar adalah jumlah piksel yang ditampilkan oleh sebuah monitor, ditulis sebagai lebar × tinggi — misalnya 1920 × 1080. Semakin banyak piksel dalam area yang sama berarti gambar semakin tajam dan padat. Setiap panel datar memiliki satu kisi piksel fisik tetap yang dirancang untuk ditampilkan, yang disebut resolusi asli, dan tampilannya paling tajam saat berjalan pada resolusi tersebut. Tes ini membaca kisi piksel fisik yang dilaporkan browser Anda dan menampilkannya sebagai angka besar di atas, sehingga Anda dapat memastikan apa yang sebenarnya dijalankan oleh perangkat keras Anda.
Pilih resolusi yang lebih rendah dan GPU akan meregangkan gambar yang lebih kecil di seluruh kisi tetap, membuat segalanya menjadi lebih buram. Sistem modern juga menambahkan penskalaan tampilan (Retina, Windows 150%) untuk menggambar antarmuka yang lebih besar sambil tetap merender pada kepadatan penuh. Itulah mengapa browser melaporkan dua ukuran: viewport CSS dalam piksel logis dan resolusi fisik dalam piksel perangkat nyata. Rasio antara keduanya adalah rasio piksel perangkat (DPR) — DPR 2 berarti setiap piksel CSS didukung oleh blok 2 × 2 piksel fisik, sehingga viewport yang dilihat browser Anda bisa setengah dari resolusi layar.
Resolusi layar yang umum
| Resolusi | Nama | Di mana Anda menemukannya |
|---|---|---|
| 1280 × 720 | HD / 720p | Laptop lama, layar kelas pemula |
| 1920 × 1080 | Full HD / 1080p | Resolusi desktop dan laptop yang paling umum |
| 2560 × 1440 | QHD / 1440p | Monitor gaming dan kerja yang lebih tajam |
| 3440 × 1440 | UltraWide QHD | Panel ultrawide 21:9 |
| 3840 × 2160 | 4K UHD | Layar besar dan high-DPI, TV |
| 1170 × 2532 | iPhone (DPR 3) | Ponsel modern — panel tinggi dan kepadatan tinggi |
Tips untuk pembacaan yang akurat
- Reset zoom browser ke 100% — zoom mengambil sampel ulang halaman secara independen dari OS.
- Di Windows, pilih resolusi yang ditandai “Recommended” di Settings > System > Display.
- Di macOS, pilih “Default for display” di System Settings > Displays.
- Jalankan pola layar penuh: abu-abu bersih dan merata berarti output asli, sementara buram atau moiré berarti ada penskalaan.