Ücretsiz çevrimiçi ekran bilgisi. Monitör çözünürlüğü, DPI, en-boy oranı, renk derinliğini kontrol edin. Tarayıcıda işlenir.
Bu sayfayı yer imlerine eklemek için Ctrl+D tuşlarına basın
Ekran çözünürlüğünü, pencere boyutunu, piksel oranını ve renk derinliğini öğrenin. Ücretsiz çevrimiçi test, sonuç anında görünür.
DPR, CSS pikseli başına düşen fiziksel piksel sayısıdır. DPR değerinin 2 olması, bir Retina ekranı gösterir; bu da net görüntü için görüntülerin 2 kat daha büyük olması gerektiği anlamına gelir.
Ekran çözünürlüğü, monitörünüzün toplam fiziksel pikselleridir; görüntü alanı (viewport) ise araç çubukları ve kaydırma çubukları hariç, tarayıcıda içeriğin görüntülendiği alandır.
Kesme noktalarını belirli cihaz adlarına bağlamak, yeni bir cihaz çıktığı anda bozulmalarını garantiler. Bunun yerine düzenin kendisinin yanlış görünmeye başladığı yerde kesin. Uygulamada 480, 768, 1024 ve 1280 piksel yaygın başlangıç noktalarıdır, ama bunlar akılda kalıcı sayılardır, kural değil. Tarayıcı penceresini yavaşça daraltın ve metin satırlarının fazla uzadığı ya da bir kartın ezildiği genişliği izleyin; kesme noktasını tam oraya koymak çok daha dayanıklıdır.
Çünkü CSS pikseli fiziksel bir nokta değil, görünen boyutun birimidir. %200 ölçeklemeye ayarlı bir 4K ekranda 3840 fiziksel nokta 1920 CSS pikseli olarak sunulur; metni ve simgeleri daha yoğun ve keskin gösteren de tam olarak budur. Cihaz piksel oranı bu durumda 2 olur, bu yüzden görsellerin net kalması için srcset aracılığıyla görüntülenen boyutun iki katı çözünürlükte bir dosya sağlamanız gerekir.