Ekran çözünürlüğü nasıl öğrenilir? Piksel, ölçek ve ekran boyutu

Hangi çözünürlüğü arıyorsunuz?

Duvar kâğıdı seçerken ekranın fiziksel piksel ölçüsünü, bir web sayfası tasarlarken tarayıcının içerik alanını bilmek gerekir. Bu iki değer aynı bilgisayarda farklı olabilir. Örneğin ekran 1920 × 1080 iken tarayıcının pencere alanı küçükse sayfa daha az yer kullanır. İşletim sistemi ölçeklendirmesi ve sayfa yakınlaştırması da tarayıcıdaki CSS piksel değerlerini etkileyebilir.

1920 × 1080 ile 2560 × 1440 aynı en-boy oranına sahiptir, ancak ikinci ekran daha fazla piksel barındırır. İki ekranın fiziksel boyutu aynıysa ikinci ekranda daha yüksek piksel yoğunluğu olabilir. Piksel sayısından ekranın kaç inç olduğunu tek başına çıkaramazsınız.

Windows, macOS ve telefonda nereden bakılır?

• Windows: Ayarlar → Sistem → Ekran bölümünde önce doğru monitörü seçin. Ekran çözünürlüğünü ve Ölçek alanını ayrı okuyun.
• macOS: Sistem Ayarları → Ekranlar bölümünde ilgili ekranı seçin. “Daha fazla alan” gibi ölçek seçenekleri arayüzün görünen boyutunu değiştirir. Panelin doğal piksel sayısı gerektiğinde modelin teknik özelliklerine bakın.
• Telefon: Tarayıcı bir sayfanın yerleşiminde kullanılan CSS ölçülerini gösterir. Donanım çözünürlüğü için model adını üreticinin teknik özellikleriyle eşleştirin. Alınmış ekran görüntüsünün piksel ölçüsü de o görüntünün boyutunu doğrulamak için kullanılabilir.

1920 piksel ekran neden 1536 gibi görünebilir?

Basit bir örnekte 1920 fiziksel piksel genişliğindeki ekran yüzde 125 ölçekle yaklaşık 1536 mantıksal piksel genişlik gösterebilir. 1920 ÷ 1,25 = 1536. Gerçek tarayıcı sonucunu pencere boyutu, farklı monitörler ve yakınlaştırma etkiler. Bu hesabı panel çözünürlüğünü kesin bulmak için kullanmayın.

Tarayıcıdaki devicePixelRatio, cihaz pikselleri ile CSS pikselleri arasındaki oranı açıklar. Örneğin tarayıcıda 400 CSS piksel genişliğinde bir görsel, oran 2 olan bir ekranda 800 fiziksel piksele yayılabilir. Bir web tasarımında aynı yerleşim boyutunda daha keskin sonuç için daha yüksek çözünürlüklü kaynak kullanılabilir.

Bir dakikalık ekran ve pencere deneyi

Astrotor Ekran Bilgisi sayfasını açın. Pencereyi daraltın ve pencere ölçüsünün değiştiğini izleyin. Ardından tarayıcı yakınlaştırmasını değiştirip CSS değerlerini tekrar okuyun. Ekranın fiziksel donanımı bu işlemlerde aynı kalır. Ekran kartında gördüğünüz tahmini yenileme hızı da piksel sayısıyla aynı ölçü değildir. Kesin donanım ayarı için işletim sisteminin gelişmiş ekran bilgisine bakın.