Web Sitesi Ekran Çözünürlüğü Ne Olmalı?

Web sayfası tasarlarken ekran çözünürlüğü büyük önem taşıyor. Ekran çözünürlüğü bilgisayarın ekranının pixel cinsinden ölçüsü olarak adlandırılabilir. Ekran çözünürlüğü her bilgisayarda yada laptop cihazlarda farklı olabilir. Web sitelerini tüm çözünürlüklere uyacak şekilde tasarlamak çok önemli bir web tasarım ilkesidir. Web sitelerinin çoğu tek bir çözünürlük için tasarlanmıştır. 1024 x 768 çözünürlükte mükemmel görünebilirler, ancak 1366 x 768 çözünürlükte görüntülenirse biraz boş görünürler. Web sitelerinin oldukça sıkışık düzende ve etrafı boş siteler göreceksiniz.

Araştırmamızdan yola çıkarak, websiteyi görüntüleyen ziyaretçilerin çoğunluğunun 1366x768 çözünürlükte ve daha yüksek çözünürlükte ekran kullandığını tespit ettik.

İstatistik firması olan StatCounter, bilgisayar kullanıcıların kullandığı ekran çözünürlüğünün değiştini açıkladı. Yıllardır en çok kullanılan ekran çözünürlüğü olan 1024×768 artık dördüncü sıraya yerleşti. En çok kullanılan ekran çözünürlük ise 1366×768 oldu. Bu da bize bilgisayar ekranları çözünürlüklerin ortalamasının arttığını gösteriyor.

Ekran Çözünürlüğü İstatistikleri

statcounter sitesine göre Şubat 2018 Dünya Çapında Masaüstü Ekran Çözünürlüğü İstatistikleri

• 1366x768 = %28.66
• 1920x1080 = %18.24
• 1440x900 = %6.88
• 1600x900 = %5.95
• 1280x800 = %4.73
• 1536x864 = %4.55
• 1024x768 = %4.40

1024'den az çözünürlüklü %2 , diğer yüksek çözünürlüklerde kalan oranı alır.

statcounter sitesine göre Şubat 2018 Türkiye'de Masaüstü Ekran Çözünürlüğü İstatistikleri

• 1366x768 = %43.31
• 1920x1080 = %13.29
• 1440x900 = %5.94
• 1024x768 = %4.94
• 1280x1024 = %4.23
• 1600x900 = %4.17
• 1360x768 = %3.71

1024'den az çözünürlüklü %1.5 diğer yüksek çözünürlüklerde kalan oranı alır.

Tarayıcı pazar payı

statcounter sitesine göre Şubat 2018 Dünya Çapında Tarayıcı pazarı.

• chorome = %57.41
• safari = %14.4
• uc browser = %7.94
• firefox = %5.49
• opera = %3.7
• İE = %3.05
• Edge= %1.77

Kalan oranı diğer browserler alır.

statcounter sitesine göre Şubat 2018 Türkiye'de Tarayıcı pazarı

• chorome = %72.72
• safari = %11.58
• samsung internet = %5.71
• android = %2.62
• firefox = %1.62
• İE = %1.54
• firefox = %1.35
• yandex = %1.15
• opera = %1.05
• Edge = %0.81

Kalan oranı diğer browserler alır.

w3schools Ocak 2017 itibariyle, ziyaretçilerin kullandığı monitör

• 1920x1080 = %18
• 1366x768 = %34
• 1280x1024 = %4
• 1280x800 = %3
• 1024x768 = %2
• 1024'den diğer yüksek çözünürlük = %32.9
• Düşük çözünürlük = %6.1

w3schools şubat 2018 itibariyle, ziyaretçilerin kullandığı Tarayıcı

• chrome = %77.9
• Edge/İe = %4.1
• firefox = %11.8
• safari = %3.3
• opera = %1.5

Webcebir.com sitesine gelen ziyaretcilerin kullandığı browser

• chrome = %84.49
• firefox = %5.01
• opera = %3.60
• safari = %2.75
• İE = %1.60
• Edge = %1.17
• yandex = %0.95
• Samsung Internet = %0.34
• Android Browser = %0.05
• Android Webview = %0.02

Yukarıda webcebir.com sitesine gelen ziyaretcilerin çoğunluğu chrome tarayıcı kullanmakta tabiki siteye gelen ziyaretciler konusu tarayıcı olduğundan sorun çıkarmayan hızlı tarayıcıları seçmekte daha bilinçlidirler ondan dolayı onların yüzdelik dilimleri statcounter sitesine göre biraz fazla çıkmaktadır. Explorer kullananlar yaklaşık %2-%3 çıkmaktadır. ie10 ve ie11 kullananlar bu oranın yarısıdır bu iki tarayıcı yeni teknolojilerin çoğunu desteklemekte ie8 ve ie9 kullananlar %1-%2 artık bu tarayıcılar için özel kod yazmakla boşa zaman kaybetmek gerekmez. ie8 ve ie9 için javascriptle tarayıcı ve versiyonu alınarak bu kullanıcılara yönelik daha modern tarayıcıya geçmeleri için uyarı verilmesi daha iyidir.

Yukarıdaki verilere göre 1024x768 pixsel'den daha yüksek ekranlar %92 olarak kullanılmaktadır.

Daha önce ekran çözünürlüğü 1024x768 ekranlara göre siteler tasarlanmaktaydı artık ekran çözünürlükler yüksek olduğunda sıkışık düzende website tasarlamak gerekmez. daha önce bu çözünürlüğe göre 960 grid düzen kullanmaktaydık artık 1280x800 göre 1200 grid kullanabiliriz. Div etiketlere yüzde değer verilmek suretiyle 1024x768 çözünürlüktede site düzeni bozulmadan rahatca görünür.

Neden 1200px Grid?

Tüm modern monitörler (çoğunlukla geniş ekran) en az 1280 x 1024 piksel çözünürlüğü destekler. Şubat 2018'da 1024 x 768 pikselden daha yüksek çözünürlük kullanan bilgisayarların oranı %92 'dir.

1200, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 40, 48, 60, 80, 120, 150, 200, 240 ve 400 ile bölünebilir. Çalışmak için son derece esnek bir baz numarasıdır.