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

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

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ı.

Kalan oranı diğer browserler alır.

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

Kalan oranı diğer browserler alır.

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

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

Webcebir.com sitesine gelen ziyaretcilerin kullandığı browser


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.

Bülent OBUZ 13/11/2019

iyi çalışmalar. Wix platformunda yaptığım sayfamın tüm ekran çözünürlüklerinde tam sayfa görünebilmesi için ne yapmalıyım?

yönetici 14/11/2019

Bülent, Wix platform ile hiç çalışmadım bilgim yok. youtube'dan "Wix ile site kurma" diye aratma yap. google'dan "wix responsive" diye aratma yap.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

6440

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.