Hızlı cihaz tanılama

Ekran DPI Testi: DPR, Görünüm Alanı, Çözünürlük ve Ekranın Neden Yakın Göründüğünü Kontrol Edin

Ölçeklemeyi, tarayıcı zoom'unu, Retina davranışını ve düzenlerin ekranlar arasında neden farklı göründüğünü anlamak için cihaz piksel oranını, tahmini DPI'ı, ekran çözünürlüğünü ve görünüm alanı boyutunu kontrol edin.

Ekran anlık görüntüsü

Ekran DPI ve piksel oranı

Ekran çözünürlüğünü, cihaz piksel oranını ve tahmini DPI'yi inceleyin.

DPI, fiziksel bir ölçüm değil, tarayıcı piksel oranına dayalı bir tahmindir.

Ekran

Ekran çözünürlüğü--
Cihaz pikselleri--
Renk derinliği--
Piksel derinliği--

Görünüm alanı

Görünüm alanı boyutu--

Yoğunluk

Cihaz piksel oranı--
Tahmini DPI--

Neden çevrimiçi ekran DPI testi çalıştırmalı

Bu ekran DPI testi en çok bir web sitesi fazla yakın görünüyorsa, metin çok küçük hissediliyorsa, ekran görüntüleri bulanıksa veya aynı düzen cihazlar arasında farklı davranıyorsa kullanışlıdır. Tahmin etmek yerine cihaz piksel oranını, tahmini DPI'ı, ekran çözünürlüğünü ve görünüm alanı boyutunu tek yerde karşılaştırabilirsiniz. Bu da sayfayı tasarımcılar, frontend geliştiriciler, QA ekipleri, destek temsilcileri ve Retina ya da HiDPI ekranın standart ekrandan neden farklı render edildiğini açıklamaya çalışan herkes için yararlı yapar.

Bu araç gerçekte ne ölçer

Araç window.devicePixelRatio, ekran boyutu, görünüm alanı boyutu ve renk derinliği gibi tarayıcı düzeyi değerleri okur. Bu değerlerden, tarayıcının mevcut ölçekleme bağlamını kullanarak tahmini DPI hesaplar. Bu, CSS pikselleri ile cihaz piksellerini anlamak için yararlıdır; ancak fiziksel panel yoğunluğunun laboratuvar ölçümü değildir. Bunu donanım kalibrasyon aracı değil, pratik bir ölçekleme ve render tanısı olarak düşünün.

Düzenler, ekran görüntüleri ve arayüz neden farklı görünebilir

Bir sayfa farklı görünebilir çünkü işletim sistemi ölçeklemesi, tarayıcı zoom'u, pencere boyutu ve ekran yoğunluğu tarayıcının raporladığı değerleri değiştirir. Yüksek cihaz piksel oranı çoğu zaman metinleri ve grafikleri daha keskin gösterir, ancak ekran görüntülerinin, canvas render'ının, görüntü varlıklarının ve responsive breakpoint'lerin davranışını da değiştirir. Beklenenden küçük görünen bir görünüm alanı genellikle ham ekran çözünürlüğünden çok tarayıcı penceresinin, zoom seviyesinin veya tarayıcı arayüzünün görünür alanı etkilediği anlamına gelir.

  • Daha yüksek cihaz piksel oranı genellikle daha yoğun ekran ve daha keskin render anlamına gelir.
  • Tahmini DPI yalnızca tarayıcıdan görülebilen değerlere dayanan bir yaklaşımdır.
  • Görünüm alanı boyutu pencere boyutu, tarayıcı zoom'u, yön ve tarayıcı arayüzüyle değişir.
  • İşletim sistemi ölçeklemesi aynı donanımın farklı tarayıcı düzeyi davranış raporlamasına neden olabilir.
  • Bu araç kesin fiziksel DPI sertifikası için değil, ölçekleme ve düzen sorunlarını ayıklamak için en güçlüdür.

Sonuç neyi teşhis etmeye yardımcı olur

Bu sayfayı bir dizüstünü harici monitörle karşılaştırmak, bir web sitesinin neden büyük göründüğünü kontrol etmek, bir ekran görüntüsünün neden bir cihazda yumuşak ama diğerinde keskin hissettirdiğini anlamak veya tarayıcı zoom'u ve DPR'nin responsive düzeninizi değiştirip değiştirmediğini doğrulamak için kullanın. Tarayıcıda yerel olarak çalışır ve kişisel veri saklamaz.

İlgili araçlar

Sıkça Sorulan Sorular

Bu ekran DPI testi ne gösterir?

Cihaz piksel oranını, tahmini DPI'ı, ekran çözünürlüğünü, görünüm alanı boyutunu, renk derinliğini ve ilgili tarayıcı düzeyi ekran değerlerini gösterir. Bu sayılar birlikte ölçekleme, zoom ve render farklarını açıklamaya yardımcı olur.

Bu kesin donanım DPI'ını mı ölçüyor?

Hayır. Buradaki DPI değeri tarayıcının raporladığı değerlerden ve mevcut ölçekleme bağlamından türetilmiş bir tahmindir. Pratik sorun giderme için yararlıdır, ancak kesin fiziksel panel ölçümü değildir.

Cihaz piksel oranı nedir ve neden önemlidir?

Cihaz piksel oranı, bir CSS pikseline kaç fiziksel cihaz pikselinin karşılık geldiğini gösterir. Metinlerin, görüntülerin, canvas render'ının, ekran görüntülerinin ve responsive düzenlerin ekranda nasıl göründüğünü değiştirdiği için önemlidir.

Bir web sitesi neden bir ekranda yakın veya çok büyük görünüyor?

Yaygın nedenler işletim sistemi ölçeklemesi, tarayıcı zoom'u, farklı cihaz piksel oranı veya daha küçük etkili görünüm alanıdır. Aynı çözünürlük bile tarayıcı farklı ölçekleme bağlamı raporladığında çok farklı hissedebilir.

Görünüm alanı boyutum neden ekran çözünürlüğümden küçük görünüyor?

Görünüm alanı boyutu tam fiziksel ekran değil, yalnızca görünen tarayıcı alanıdır. Pencere boyutu, tarayıcı arayüzü, zoom seviyesi, yan paneller ve mobil arayüz kullanılabilir görünüm alanını azaltır.

Bu bulanık ekran görüntülerini veya yumuşak arayüzü açıklamaya yardımcı olur mu?

Evet. Cihaz piksel oranı, görüntü dışa aktarma boyutu, tarayıcı zoom'u ve görünüm alanı varsayımları arasındaki uyumsuzluk, ekran görüntülerinin veya arayüz öğelerinin bir ekranda bulanık ama diğerinde keskin görünmesinin yaygın nedenidir.

Tarayıcı zoom'u sonucu etkiler mi?

Evet. Tarayıcı zoom'u etkili görünüm alanını ve tarayıcının ölçeklemeyle ilgili değerleri raporlama şeklini değiştirebilir. Tutarlı karşılaştırmalar için her cihazda aynı zoom seviyesinde test edin.

İşletim sistemi ölçeklemesi sonucu etkiler mi?

Evet. Windows, macOS ve bazı Linux ortamları tarayıcı düzeyi değerleri değiştiren ölçekleme uygulayabilir. Aynı donanımın web düzenlerinde farklı davranmasının nedenlerinden biri budur.

Bunu responsive tasarım veya QA testi için kullanabilir miyim?

Evet. Breakpoint'leri, düzen hatalarını, ekran görüntüsü sorunlarını veya frontend render farklarını araştırmadan önce görünüm alanı boyutunu, DPR'yi ve ekran bağlamını kontrol etmek için kullanışlıdır.

Bu ekran DPI testi telefonlarda ve tabletlerde çalışır mı?

Evet. Modern mobil tarayıcılarda çalışır ve Retina, HiDPI ve mobil ölçekleme davranışını açıklamaya yardımcı olabilir. Sonuçlar yön, zoom ve tarayıcı arayüzüyle değişebilir.

Bu ekran DPI testi gizli mi?

Evet. Tarayıcınızda yerel olarak çalışır ve kişisel veri yüklemez veya saklamaz. Okuma sayfa açıkken gerçek zamanlı güncellenir.

Bu ekran DPI testi ne yapamaz?

Ekranınızı kalibre edemez, kesin fiziksel panel DPI'ını ölçemez, ölçekleme sorunlarını otomatik olarak düzeltemez veya renk doğruluğunu doğrulayamaz. Yalnızca tarayıcının gözlemleyebildiği değerleri raporlar.