Resolusi layar yang paling banyak di gunakan dalam ber-Internet
Jika kamu ingin membuat laman web yang full responsive atau ramah untuk semua resolusi layar, tentunya kamu harus paham dengan resolusi-resolusi layar yang paling banyak di gunakan dalam aktifitas internet/web-browsing.
Kali ini saya akan berbagi sebuah tabel perkiraan resolusi layar yang paling banyak di gunakan untuk ber-internet pada tahun lalu. Disini kamu juga dapat mengetahui Jenis layar, Rasio layar, Lebar layar, Tinggi layar serta perkiraan penggunaannya dalam bentuk persentasi.
Perkiraan ini mungkin saja tidak akurat. Namun ini akan cukup berguna untuk menjadikannya sebuah acuan dalam memilih resolusi yang tepat agar tampilan web bisa tampil lebih maksimal dan tentunya ramah terhadap semua jenis layar dan perambanan.
Berikut tabel perkiraannya.
| Jenis | Rasio | Lebar | Tinggi | Digunakan |
|---|---|---|---|---|
| SVGA | 4:3 | 800 | 600 | 0.64 % |
| WSVGA | ~17:10 | 1024 | 600 | 1.59 % |
| XGA | 4:3 | 1024 | 768 | 9.84 % |
| XGA+ | 4:3 | 1152 | 864 | 0.85 % |
| WXGA | 16:9 | 1280 | 720 | 1.65 % |
| WXGA | 5:3 | 1280 | 768 | 1.09 % |
| WXGA | 16:10 | 1280 | 800 | 8.90 % |
| SXGA– (UVGA) | 4:3 | 1280 | 960 | 0.48 % |
| SXGA | 5:4 | 1280 | 1024 | 5.74 % |
| HD | ~16:9 | 1360 | 768 | 2.43 % |
| HD | ~16:9 | 1366 | 768 | 26.64 % |
| SXGA+ | 4:3 | 1400 | 1050 | n/a |
| WXGA+ | 16:10 | 1440 | 900 | 5.95 % |
| HD+ | 16:9 | 1600 | 900 | 4.99 % |
| UXGA | 4:3 | 1600 | 1200 | n/a |
| WSXGA+ | 16:10 | 1680 | 1050 | 2.96 % |
| FHD | 16:9 | 1920 | 1080 | 8.64 % |
| WUXGA | 16:10 | 1920 | 1200 | 0.95 % |
| QWXGA | 16:9 | 2048 | 1152 | n/a |
| WQHD | 16:9 | 2560 | 1440 | 0.58 % |
| WQXGA | 16:10 | 2560 | 1600 | n/a |
| 3:4 | 768 | 1024 | 5.31 % | |
| 16:9 | 1093 | 614 | 0.64 % | |
| 16:9 | 1536 | 864 | 0.70 % |
Kamu bisa melihat kalau Resolusi 1366x768 adalah resolusi yang paling banyak di gunakan.
Pada dasarnya, Responsive hanya di atur pada lebar layar dan ini tidak berpengaruh pada tinggi layar yang di gunakan karena pada umumnya laman web memanjang ke bawah dan bukan memanjang ke samping kanan atau sisi lainnya. Namun jika ingin lebih rinci, tentu saja kita bisa menggunakan lebar dan tinggi layar ke dalam settingan CSS.
Membuat blog responsive itu memang susah-susah gampang. Cara paling mudahnya bisa kamu baca DI SINI.
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.