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

Ekran çözünürlüğünüz yukarıdaki araç kartının en üstünde gösterilir — örneğin 1920 × 1080. Bu, ekranınızın tarayıcıların yerleşim için kullandığı mantıksal birim olan CSS pikseli cinsinden boyutudur. Hemen altında, görüntü ölçeklendirmesini hesaba katan tahmini fiziksel çözünürlüğü de bulacaksınız. İki sayı farklıysa ekranınız ölçeklendirme açık şekilde çalışıyor demektir — bu, yüksek çözünürlüklü panellerde normal ve önerilen bir durumdur. Değerlerin canlı güncellendiğini görmek için tarayıcı penceresini yeniden boyutlandırın veya başka bir monitöre taşıyın.

Modern yüksek çözünürlüklü ekranlar, metni ve simgeleri rahat bir boyutta tutmak için ölçeklendirme kullanır. %150 ölçekli bir 4K monitör, panel fiziksel olarak 3840 × 2160 render etse de 2560 × 1440 CSS pikseli bildirir. Tarayıcının screen.width ve screen.height değerleri her zaman CSS pikseli kullanır, dolayısıyla bildirilen çözünürlük ölçeklenmiş — yani mantıksal — çözünürlüktür. Bunu cihaz piksel oranıyla çarptığınızda fiziksel çözünürlüğü elde edersiniz; bu sayfadaki fiziksel çözünürlük tahmini de tam olarak bunu yapar.

Cihaz piksel oranı, tarayıcının bir CSS pikselini çizmek için kullandığı fiziksel piksel sayısıdır. DPR 1 ise bir CSS pikseli bir fiziksel piksele eşittir. Retina ve modern dizüstülerde yaygın olan DPR 2 ise her CSS pikselinin 2 × 2 fiziksel piksel bloğuyla çizildiği anlamına gelir ve içerik daha keskin görünür. DPR yakınlaştırmayla da değişir: tarayıcıda %125 yakınlaştırma bildirilen DPR'yi 1.25 ile çarpar; fiziksel çözünürlük tahmininin yaklaşık olarak etiketlenmesinin nedeni de budur.

Ekran çözünürlüğü tüm ekranınızı — monitörün veya telefon ekranının tamamını — tanımlar. Viewport ise tarayıcı penceresi içindeki web sayfasının görünen kısmıdır: tarayıcı araç çubukları, arayüz çubukları, kenar çubukları ve kaydırma çubukları hariçtir. Maksimize bir tarayıcıda viewport ekrandan biraz küçüktür; küçük bir yüzen pencerede çok daha küçük olabilir. Web geliştiricileri responsive düzenleri viewport boyutuna (ekran çözünürlüğüne değil) göre kurar; bu sayfada iki değerin yan yana gösterilmesinin nedeni de budur.

Fiziksel çözünürlük, CSS çözünürlüğünün cihaz piksel oranıyla çarpılıp tam piksele yuvarlanmasıyla hesaplanır. İki etken bunu bir tahmine dönüştürür: tarayıcı yakınlaştırması bildirilen DPR'yi değiştirir — %110 yakınlaştırmada 2 olan DPR 2.2 olarak bildirilir — ve bazı tarayıcılar ekran boyutlarına kendi yuvarlamalarını uygular. Tarayıcı yakınlaştırması %100 iken tahmin kesindir; bu nedenle kesin bir okuma gerekiyorsa yakınlaştırmayı sıfırlayarak (Ctrl/Cmd + 0) değeri kontrol etmenizi öneririz.

Kullanılabilir alan, ekranın Windows görev çubuğu, macOS Dock veya mobil cihazlardaki sabit sistem çubukları gibi kalıcı işletim sistemi öğeleri tarafından kaplanmayan kısmıdır. Varsayılan Windows görev çubuğuyla 1920 × 1080 bir ekran, 1040 piksel veya daha az kullanılabilir yükseklik bildirir. Uygulamalar — maksimize tarayıcı pencereleri dahil — kullanılabilir alan içinde yerleştirilir; bu nedenle maksimize bir pencerenin gerçekte ne kadar yer aldığını hesaplarken çoğu zaman daha pratik olan sayı budur.

Bu sayfayı açın ve fiziksel çözünürlük tahminini okuyun — tarayıcı yakınlaştırması %100 iken panelin yerel çözünürlüğüyle eşleşir, çünkü ölçeklendirme donanımın kaç piksel render ettiğini değiştiremez. İşletim sisteminden de çapraz kontrol yapabilirsiniz: Windows'ta Ayarlar › Sistem › Ekran bölümüne gidip Görüntü çözünürlüğüne bakın (önerilen seçenek yerel olandır); macOS'ta Sistem Ayarları › Ekranlar bölümünü açın — "Ekran için varsayılan" seçeneği genellikle yerel çözünürlüğü keskinlik için ölçeklendirmeyle birlikte kullanır.

Evet. Araç yalnızca standart tarayıcı arayüzlerini kullandığı için Android ve iOS tarayıcılarında olduğu kadar masaüstünde de çalışır. Mobilde bildirilen ekran çözünürlüğü genellikle cihazın mantıksal (CSS) çözünürlüğüdür — örneğin birçok Android telefonda 393 × 851 — fiziksel çözünürlük tahmini ise gerçek paneli yansıtır. Cihazı döndürdüğünüzde yönelimin, en-boy oranının ve her iki boyutun gerçek zamanlı olarak yer değiştirdiğini görürsünüz. Mobilde kullanılabilir alan, sistem durum ve gezinme çubuklarını içermez.

Evet — tamamen. Ücret yok, kayıt yok, indirme yok ve kontrol sıklığında sınır yok. Her ölçüm tarayıcınızda yerel olarak gerçekleşir: sayfa ekranınızı, pencerenizi ve görüntü ayarlarınızı okur ve ekranda gösterir. Hiçbir ekran verisi, cihaz parmak izi veya kullanım istatistiği herhangi bir sunucuya gönderilmez ve sekmeyi kapattıktan sonra hiçbir şey saklanmaz. Sayfa yüklendikten sonra çevrimdışı bile çalıştırabilirsiniz.

Kart tasarımı gereği canlı güncellenir. Pencereyi yeniden boyutlandırmak viewport'u değiştirir; yakınlaştırmak cihaz piksel oranını ve dolayısıyla fiziksel tahmini değiştirir; bir telefonu döndürmek genişlik ve yüksekliği yer değiştirir; pencereyi ikinci bir monitöre taşımak, indiği ekranı yeniden ölçer. Siz hiçbir şey yapmadan sayılar değiştiyse bunun sorumlusu harici bir olaydır — örneğin ekranın uykuya geçmesi, dock'lu bir dizüstünün çıkış değiştirmesi ya da işletim sisteminin erişilebilirlik için ölçeklendirmeyi otomatik değiştirmesi.

Tek bir doğru yanıt yoktur, çünkü uygun çözünürlük panel boyutuna ve izleme mesafesine bağlıdır. Pratik bir kılavuz olarak: 1920 × 1080 hâlâ en yaygın kullanılan masaüstü çözünürlüğüdür, 2560 × 1440, 27 inç ve üzeri monitörlere uygundur, 3840 × 2160 ise daha yüksek piksel yoğunluğunun gerçekten kullanılabilir olduğu 32 inç ve üzeri ekranlar için uygundur. Bir dizüstünde, daha yoğun bir panel ile işletim sistemi ölçeklendirmesinin birleşimi genellikle %100'de çalışan düşük çözünürlüklü bir panelden daha keskin metin üretir.

Çözünürlük piksel sayar; boyut ise fiziksel panelin köşegen uzunluğunu inç cinsinden ölçer. İkisi bağımsızdır: 24 inç ve 32 inç birer monitör de 1920 × 1080 olabilir, ancak aynı sayıda piksel daha az alana sığdığı için küçük olan daha keskin görünür. Bu yoğunluk inç başına piksel olarak ifade edilir ve metnin ne kadar keskin görüneceğini gerçekte belirleyen değer budur — yüksek çözünürlüklü bir dizüstü panelinin neden daha büyük ve düşük çözünürlüklü bir masaüstü monitöründen genellikle daha iyi göründüğünün nedeni de budur.