Saat kita membeli smartphone, tentu kalian kan melihat spesifikasi seperti ukuran wallpaper HP (screen size & resolusi layar) dan lainnya.
Dan di era modern sekarang, ukuran layar HP semakin tinggi semakin majunya teknologi, bahkan 4k sudah mulai support ke Smartphone.
Meskipun tak banyak yang bisa menikmati resolusi 1080p di YouTube. Setidaknya, kalian bisa menikmati ukuran wallpaper HP yang HD ya kan?
Daftar Ukuran Layar Populer Smartphone
Sudah menjadi pengetahuan umum, tak hanya smartphone tapi layar juga memiliki ukuran dan istilahnya sendiri.
Saat artikel ini dibuat, angka yang paling umum digunakan adalah 720p, 1080p, 1140p atau 4K.
| Ukuran Layar | Istilah | Keterangan |
|---|---|---|
| 1280 x 720 | 720p | HD atau HD Ready |
| 1920 x 1080 | 1080p | FHD atau Full HD |
| 2560 x 1440 | 1440p | QHD atau Quad HD resolution |
| 3840 x 2160 | 4K / 2160p | 4K, UHD atau Ultra HD resolution |
| 7680 x 4320 | 8K / 4320p | 8K |
Tapi, untuk lebih jelasnya kalian berikut list daftar ukuran wallpaper hp lainnya:
- Macam-macam resolusi 4:3: 640×480, 800×600, 960×720, 1024×768, 1280×960, 1400×1050, 1440×1080, 1600×1200, 1856×1392, 1920×1440, dan 2048×1536.
- Macam-macam resolusi 16:10: 1280×800, 1440×900, 1680×1050, 1920×1200, dan 2560×1600.
- Macam-macam resolusi 16:9: 1024×576, 1152×648, 1280×720 (HD), 1366×768, 1600×900, 1920×1080 (FHD), 2560×1440 (QHD), 3840×2160 (4K), dan 7680 x 4320 (8K).
Note: semakin tinggi resolusi, diimbangi dengan kualitas yang mampu, akan membuat gambar & kualitas media lainnya semakin tinggi
Screen Size vs Resolution vs Viewport
Untuk teman-teman yang belum mengenal istilah dalam pada Smartphone, kenali perbedaannya dulu:
- Screen Size adalah ukuran fisik dari layar itu sendiri (ukuran panjang x lebar smartphone).
- Resolusi adalah ukuran jumlah pixel pada layar yang ditampilkan layar (lebar & tinggi).
- Viewports adalah ukuran yang digunakan developer sebagai standarisasi ukuran layar saat merender layar.
Berbeda dengan tampilan desktop & laptop yang menggunakan orientasi layar landscape, perangkat seluler lebih sering digunakan dengan landscape.
Itulah kenapa banyak yang menuliskan resolusi berbeda dengan penulisan resolusi laptop & desktop.
Contoh Ukuran Resolusi Smartphone Apple
| Jenis Smartphone | Pixel Size | Viewport |
|---|---|---|
| iPad Air 1 & 2 | 1536 x 2048 | 768 x 1024 |
| iPad Generasi 3 & 4 | 1536 x 2048 | 768 x 1024 |
| iPad Mini | 768 x 1024 | 768 x 1024 |
| iPad Mini 2 & 3 | 1536 x 2048 | 768 x 1024 |
| iPad Pro | 204 x 2732 | 1024 x 1366 |
| iPhone 5 | 640 x 1136 | 320 x 568 |
| iPhone 6 / 6S | 750 x 1334 | 375 x 667 |
| iPhone 6 Plus / 6S Plus | 1080 x 1920 | 414 x 736 |
| iPhone 7 | 750 x 1334 | 375 x 667 |
| iPhone 7 Plus | 1080 x 1920 | 414 x 736 |
| iPhone 8 | 750 x 1334 | 375 x 667 |
| iPhone 8 Plus | 1080 x 1920 | 414 x 736 |
| iPhone X | 1125 x 2436 | 375 x 812 |
| iPhone XR | 828 x 1792 | 414 x 896 |
| iPhone XS | 1125 x 2436 | 375 x 812 |
| iPhone XS Max | 1242 x 2688 | 414 x 896 |
| iPod Touch | 640 x 1136 | 320 x 568 |
Contoh Ukuran Resolusi Smartphone Android
| Jenis Smartphone | Pixel Size | Viewport |
|---|---|---|
| Chromebook Pixel | 2560 x 1700 | 1280 x 850 |
| Google Pixel | 1080 x 1920 | 412 x 732 |
| Google Pixel 2 XL | 1440 x 2560 | 412 x 732 |
| Google Pixel 3 | 1080 x 2160 | 412 x 824 |
| Google Pixel 3 XL | 1440 x 2960 | 412 x 847 |
| Google Pixel XL | 1440 x 2560 | 412 x 732 |
| LG G5 | 1440 x 2560 | 480 x 853 |
| Nexus 5X | 1080 x 1920 | 412 x 732 |
| Nexus 6P | 1440 x 2560 | 412 x 732 |
| Nexus 7 (2013) | 1200 x 1920 | 600 x 960 |
| Nexus 9 | 1536 x 2048 | 768 x 1024 |
| Oneplus 3 | 1080 x 1920 | 480 x 853 |
| Samsung Galaxy Note 5 | 1440 x 2560 | 480 x 853 |
| Samsung Galaxy Note 9 | 1440 x 2960 | 360 x 740 |
| Samsung Galaxy S7 | 1440 x 2560 | 360 x 640 |
| Samsung Galaxy S7 Edge | 1440 x 2560 | 360 x 640 |
| Samsung Galaxy S8 | 1440 x 2960 | 360 x 740 |
| Samsung Galaxy S8+ | 1440 x 2960 | 360 x 740 |
| Samsung Galaxy S9 | 1440 x 2960 | 360 x 740 |
| Samsung Galaxy S9+ | 1440 x 2960 | 360 x 740 |
| Samsung Galaxy Tab 10 | 800 x 1280 | 800 x 1280 |
Selaku seorang blogger yang tentunya bersentuhan langsung dengan css dan keluarganya. Terkadang, para developer juga memiliki cara sendiri untuk memudahkan design responsive website mereka.
Meskipun ukurannya besar, bukan berarti rekomendasi resolusi layar (seperti pada Windows) belum tentu pilihan terbaik.
Kalian tetap bisa mengganti resolusinya sesuai kenyamanan mata ketika melihat layar. Membuat resolusi semakin kecil di Desktop misalnya, akan membuat icon terlihat makin besar.
Baca juga: