Ekran Çözünürlüğü Testi

Bu araç ne işe yarar?

Screen Resolution Checker, ekranınızın çözünürlüğünü, viewport boyutunu, piksel oranını, renk derinliğini ve yönelimini anında gösterir. Cihazınızın gerçek ekran özelliklerini öğrenmek için hiçbir şey yüklemenize gerek yoktur. Tüm değerler tarayıcının kendisinden okunur ve gerçek zamanlı güncellenir.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Nasıl çalışır

Araç, tarayıcının screen ve window nesnelerinden değerleri okur: screen.width/height ekran çözünürlüğünü, innerWidth/innerHeight viewport'u, devicePixelRatio (DPR) fiziksel ve mantıksal piksel oranını verir. Pencereyi yeniden boyutlandırdığınızda veya cihazı çevirdiğinizde değerler anında güncellenir, böylece responsive davranışı canlı olarak gözlemleyebilirsiniz.

Yaygın kullanım alanları

Responsive tasarımları test eden geliştiriciler farklı viewport boyutlarını doğrularken, hata raporlarına doğru ekran bilgisi eklemek isteyen kullanıcılar bu değerleri hızlıca okur. DPR bilgisi, Retina ekranlar için doğru görsel boyutlarını planlamada yardımcı olur. Monitör çözünürlüğünü hatırlamadığınızda da pratik bir referanstır.

Sıkça sorulan sorular

Ekran çözünürlüğü ile viewport boyutu arasındaki fark nedir?

Ekran çözünürlüğü monitörünüzün toplam piksel boyutudur; viewport ise web sayfasının görüntülendiği tarayıcı penceresinin iç alanıdır. Araç çubukları ve pencere kenarlıkları nedeniyle viewport genellikle ekran çözünürlüğünden küçüktür.

devicePixelRatio (DPR) değeri neyi ifade eder?

DPR, bir CSS pikseline karşılık gelen fiziksel piksel sayısıdır. Retina ekranlarda bu değer genellikle 2 veya 3'tür; yani CSS'te 1 piksel olarak tanımlanan alan ekranda 2x2 veya 3x3 fiziksel piksel kaplar.