Cihaz Ekran Boyutları ve Çözünürlükleri

Mantıksal ve fiziksel çözünürlük ile DPR

Her modern ekranın iki çözünürlüğü vardır. Fiziksel çözünürlük, panelde gerçekten bulunan piksel sayısıdır — örneğin bir iPhone 15'te 1179 × 2556. Mantıksal (CSS) çözünürlük ise bir web sayfasının içine yerleştirildiği daha küçük koordinat alanıdır, örneğin 393 × 852. Cihaz piksel oranı (DPR) ikisi arasındaki köprüdür: fiziksel çözünürlüğün mantıksal çözünürlüğe bölünmesiyle elde edilir, yani DPR değeri 3 olan bir telefon, her bir CSS pikseli için 3 × 3'lük gerçek piksel bloğu çizer. Yüksek yoğunluklu “Retina” telefonlar ve dizüstü bilgisayarlar, keskin metin ve görüntüler oluşturmak için 2 veya 3 DPR kullanırken, tipik bir masaüstü monitörün DPR değeri 1'dir; burada bir CSS pikseli bir fiziksel piksele eşittir.

Tasarımcılar neden görüntü alanı boyutlarıyla çalışır

Duyarlı (responsive) bir düzen oluştururken CSS medya sorgularınız ve kesme noktalarınız, panelin fiziksel pikselleri değil, CSS pikselleri — yani mantıksal görüntü alanı — cinsinden ölçülür. Fiziksel olarak 1080 piksel genişliğindeki bir telefon, yine de yalnızca 360–414 CSS piksellik bir görüntü alanı bildirir; 360 piksellik bir mobil kesme noktasının çoğu Android telefonu kapsamasının nedeni budur. Ham çözünürlük yerine görüntü alanına göre tasarlamak, metin ve dokunma hedeflerinin çok farklı piksel yoğunluklarına sahip cihazlar arasında tutarlı bir fiziksel boyutta kalmasını sağlar; böylece aynı düzen hem düşük yoğunluklu bir dizüstü bilgisayarda hem de yoğun bir amiral gemisi telefonda doğru hissettirir.

Bu tablo nasıl okunur

• Görüntü Alanı (CSS px), bir web sayfasının gördüğü mantıksal boyuttur ve cihazın doğal yönünde listelenir — telefon ve tabletler için dikey, dizüstü bilgisayar ve monitörler için yatay.
• Fiziksel çözünürlük, panelin gerçek piksel sayısıdır; teknik özellik sayfalarında reklamı yapılan rakamdır.
• DPR (cihaz piksel oranı), görüntü alanını fiziksel çözünürlüğe kadar çarpar; 1'in üzerindeki herhangi bir değer yüksek yoğunluklu bir ekran anlamına gelir.
• En-boy oranı ekranın şeklidir; modern telefonların uzun 19.5:9 oranından çoğu monitörün 16:9 oranına ve ultra geniş ekranların 21:9 ile 32:9 oranlarına kadar değişir.
• Dizüstü bilgisayar ve 4K satırları, yaygın varsayılan ekran ölçekleme düzeyini yansıtır; bu nedenle görüntü alanı, panelin doğal çözünürlüğünden daha küçük olabilir.

Boyutlar her modelle değişir

Bu rakamları bir garanti değil, pratik bir referans olarak değerlendirin. Üreticiler ekran boyutlarını neredeyse her nesilde revize eder — yalnızca iPhone, son modellerde 375, 390, 393, 402, 414, 430 ve 440 CSS piksel genişliğinde görüntü alanları sunmuştur — Android cihazlar ise çok daha geniş bir yelpazede değişiklik gösterir. İşletim sistemi ekran ölçeklemesi, bildirilen görüntü alanını bir kez daha değiştirir: %150 ölçeklemeli 1080p bir Windows dizüstü bilgisayarı, DPR değeri 1.5 olan 1280 × 720'lik bir ekran gibi davranır. En güvenilir rakam her zaman kendi tarayıcınızın bildirdiği rakamdır; yukarıdaki eşleşen cihazın ekranınızdan canlı olarak tespit edilmesinin nedeni de budur.