Snaplytics JS Tests

Ekran Çözünürlük Testi

Ekranınızın doğal çözünürlüğünü fiziksel pikseller halinde, piksel oranı, en-boy oranı ve renk derinliğiyle birlikte görün. Ardından tam ekran 1 piksel test desenini başlatın: gerçek doğal çözünürlükte temiz, düzgün bir doku olarak okunurken, ölçekleme veya doğal olmayan bir mod bulanıklık veya moire olarak görünür.

Doğal çözünürlük

Algılanıyor…

Canlı
CSS görüntü penceresi
Piksel oranı
En-boy oranı
Renk derinliği
Test deseni

deseni değiştir

Deseni nasıl okursunuz
Keskin, düzgün doku

Dönüşümlü pikseller pürüzsüz bir griye karışır — ekran doğal çözünürlükte ve %100 ölçekte çalışıyor.

Yumuşak veya bulanık

Görüntü geriliyor — çözünürlük muhtemelen doğalın altında ayarlı, bu yüzden GPU yukarı ölçekliyor.

Moire veya bantlama

Dalgalanan desenler interpolasyondan gelir. Tarayıcı zumunu %100'e sıfırlayın ve işletim sistemi ekran ölçeklemesini kontrol edin.

Ekran çözünürlüğü, bir ekranın gösterdiği piksel sayısını ifade eder ve genişlik × yükseklik biçiminde yazılır — örneğin 1920 × 1080. Aynı alan üzerinde daha fazla piksel, daha keskin ve yoğun bir görüntü anlamına gelir. Her düz panel, göstermek üzere tasarlandığı sabit bir fiziksel piksel ızgarasına sahiptir; buna yerel çözünürlük denir ve ekran bu çözünürlükte çalışırken en keskin görüntüyü verir. Bu test, tarayıcınızın bildirdiği fiziksel piksel ızgarasını okur ve yukarıdaki büyük sayı olarak gösterir; böylece donanımınızın gerçekte ne işlettiğini doğrulayabilirsiniz.

Daha düşük bir çözünürlük seçerseniz GPU, küçük bir görüntüyü sabit ızgaraya yayar ve her şeyi yumuşatır. Modern sistemler ayrıca tam yoğunlukta işleme yaparken arayüzü daha büyük çizmek için ekran ölçekleme (Retina, Windows 150%) ekler. Bu nedenle bir tarayıcı iki boyut bildirir: CSS görünüm alanını mantıksal pikseller cinsinden ve fiziksel çözünürlüğü gerçek cihaz pikselleri cinsinden. Bunlar arasındaki oran, cihaz piksel oranıdır (DPR) — 2'lik bir DPR, her CSS pikselinin 2 × 2'lik bir fiziksel piksel bloğuyla desteklendiği anlamına gelir; dolayısıyla tarayıcınızın gördüğü görünüm alanı, ekranın çözünürlüğünün yarısı kadar olabilir.

Yaygın ekran çözünürlükleri

ÇözünürlükAdNerede görürsünüz
1280 × 720HD / 720pEski dizüstü bilgisayarlar, giriş seviyesi ekranlar
1920 × 1080Full HD / 1080pEn yaygın masaüstü ve dizüstü çözünürlüğü
2560 × 1440QHD / 1440pDaha keskin oyun ve iş monitörleri
3440 × 1440UltraWide QHD21:9 ultra geniş paneller
3840 × 21604K UHDBüyük ve yüksek DPI ekranlar, TV'ler
1170 × 2532iPhone (DPR 3)Modern telefonlar — uzun, yüksek yoğunluklu paneller

Doğru bir okuma için ipuçları

  • Tarayıcı yakınlaştırmasını 100% olarak sıfırlayın — yakınlaştırma, sayfayı işletim sisteminden bağımsız olarak yeniden örnekler.
  • Windows'ta, Settings > System > Display altında "(Recommended)" olarak işaretlenmiş çözünürlüğü seçin.
  • macOS'ta, System Settings > Displays altında "Default for display" seçeneğini belirleyin.
  • Tam ekran desenini çalıştırın: temiz, düzgün bir gri renk yerel çıktı anlamına gelirken bulanıklık veya moire deseni ölçekleme yapıldığını gösterir.