Nasıl kullanılır?
- 1Sayfayı açın; bilgiler otomatik olarak gösterilir.
- 2Tarayıcı penceresini büyütüp küçültün; pencere boyutu canlı güncellenir.
- 3Piksel oranı, renk derinliği, yönlendirme ve dokunmatik desteğine bakın.
Ekran çözünürlüğü ile pencere boyutu farkı
Ekran çözünürlüğü monitörünüzün ya da telefon ekranınızın tamamının CSS piksel cinsinden boyutudur. Pencere (viewport) boyutu ise tarayıcıda sitenin gerçekten kullanabildiği alandır; adres çubuğu, sekmeler ve görev çubuğu çıkarıldığı için daha küçüktür. Web tasarımda responsive kırılma noktaları ekran değil pencere genişliğine göre çalışır.
Piksel oranı (DPR) nedir?
Cihaz piksel oranı, bir CSS pikseline kaç fiziksel pikselin karşılık geldiğini gösterir. Retina ekranlı bir MacBook’ta veya çoğu akıllı telefonda bu değer 2 ya da 3’tür; yani 390 piksel genişliğinde görünen bir telefon ekranı fiziksel olarak 1170 piksel olabilir. Gerçek fiziksel çözünürlük, ekran boyutunun piksel oranıyla çarpımıdır. Bu yüzden keskin görünmesi gereken görseller, gösterildikleri boyutun 2 katı çözünürlükte hazırlanmalıdır.
Kimler kullanır?
Web tasarımcıları ve geliştiriciler sitenin hangi boyutta nasıl göründüğünü test ederken, destek ekipleri kullanıcının cihaz bilgisini öğrenmek isterken, oyuncular ve video izleyenler ekranlarının gerçek çözünürlüğünü kontrol ederken bu aracı kullanır. Sayfada ayrıca işletim sistemi, tarayıcı, saat dilimi ve dil bilgileri gösterilir; tüm bilgiler tarayıcınızda okunur, hiçbir yere gönderilmez.
Sık sorulan sorular
Ekranım 1920×1080 ama burada 1536×864 görünüyor, neden?
Windows’ta ölçekleme %125 olarak ayarlıysa tarayıcı ekranı 1536×864 CSS piksel olarak görür. Piksel oranı 1,25 görünür; 1536 × 1,25 = 1920 olarak fiziksel çözünürlüğünüzü verir.
Telefonumun çözünürlüğü neden düşük görünüyor?
Telefonlar yüksek piksel oranı kullanır. Gösterilen değer CSS piksel cinsindendir; fiziksel çözünürlüğü bulmak için piksel oranıyla çarpın.
En yaygın ekran çözünürlüğü nedir?
Masaüstünde 1920×1080 hâlâ en yaygın değerlerdendir. Mobilde ise CSS genişliği çoğunlukla 360–430 piksel aralığındadır; siteler bu aralıkta mutlaka test edilmelidir.
Bilgilerim kaydediliyor mu?
Hayır. Tüm değerler tarayıcınızda hesaplanır ve hiçbir sunucuya gönderilmez.
Sonuçlar iç açıcı değil mi?
Hızlı, SEO uyumlu web siteleri, e-ticaret ve Google Ads yönetimi için Webin Agency ekibiyle görüşün.