İçeriğe geç

Tarayıcı araçları

Ekran çözünürlüğü

Ekran çözünürlüğünüz, görüntü alanı boyutu ve cihaz piksel oranı.

Ekran çözünürlüğü

…

CSS pikselleri

Görüntü alanı boyutu

…

Değiştiğini görmek için pencereyi yeniden boyutlandırın

Ekran ayrıntıları

Fiziksel piksel
—
Cihaz piksel oranı
—
Kullanılabilir ekran
—
Renk derinliği
—
En boy oranı
—
Yönlendirme
—

Ekran çözünürlüğü ile görüntü alanı boyutu farklı ölçümlerdir ve sık karıştırılır. Ekran, göstergenin kendisidir; görüntü alanı ise sayfanızın gerçekte aldığı bölgedir.

Cihaz piksel oranı, 2560 piksellik bir ekranın neden 1280 piksellik bir görüntü alanı bildirebildiğini açıklar.

Bu sayılar neden teknik özellik sayfasıyla uyuşmuyor

2532×1170 ekranla tanıtılan bir telefon burada 844×390'a yakın bir değer bildirir ve iki sayı da yanlış değildir. Tanıtılan fiziksel pikseldir. Tarayıcının çalıştığı ise CSS pikselidir; yoğun bir ekranda da kaba bir ekranda da metnin fiziksel boyutu aynı olsun diye donanımdan bilinçli olarak koparılmış bir birimdir.

Cihaz piksel oranı ikisi arasındaki köprüdür. Oran 3 iken her CSS pikseli 3×3'lük bir fiziksel piksel bloğuyla boyanır, yani 844 CSS pikseli 2532 gerçek pikseli kaplar. Bu yüzden CSS pikseli kırılma noktalarına göre kurulmuş bir düzen ikisinde de aynı davranır ve bu yüzden keskin görünmesi istenen bir görselin CSS boyutunun iki ya da üç katında sunulması gerekir.

Hangi ölçüyü ne için kullanmalı

Ekran, monitörün tamamını tanımlar ve pencereyi yok saydığı için web geliştirmede neredeyse hiçbir işe yaramaz. Görüntü alanı ise sayfanızın gerçekten çizim yapabileceği bölgedir: düzeni, kırılma noktalarını ve ortam sorgularını yöneten odur.

Kaçınılması gereken hata, düzeni ekran boyutuna göre kurmaktır. 1920 piksellik bir monitörde tam ekran bir tarayıcının görüntü alanı 1920'ye yakındır; ama aynı monitörde yan yana iki pencere her birine yaklaşık 950 bırakır ve ekrana bakarak karar veren bir tasarım, sahip olmadığı bir genişliğe göre yerleşir. Bu pencerenin boyutunu değiştirin ve hangi sayıların oynadığına bakın.

Burada ne ölçülüyor, ne ölçülmüyor

Görünen her şeyi tarayıcınız ziyaret ettiğiniz her sayfaya zaten açıyor. IPGet'e hiçbir şey gönderilmez ve hiçbir şey saklanmaz: denetim cihazınızda çalışır ve orada biter.

İzin gerektiren hiçbir şey de istenmez. Konum, kamera ve mikrofon sorulmaz. Ne var ki ekran boyutu tarayıcı parmak izinin klasik bileşenlerinden biridir: tek başına kimseyi tanımlamaz, ama saat dilimi, dil ve yüklü yazı tipleriyle birleştiğinde ait olduğunuz grubu belirgin biçimde daraltır.

Sıkça sorulan sorular

Görüntü alanım neden ekranımdan küçük?

Görüntü alanı tarayıcı arayüzünü, kaydırma çubuklarını ve pencerenin sayfayı göstermeyen her bölümünü dışarıda bırakır. Tam ekran bir pencerede aradaki fark genellikle araç çubuğu ve sekme şerididir.

Cihaz piksel oranı nedir?

Bir CSS pikselini kaç fiziksel pikselin oluşturduğudur. Oranın 2 olması, 1280 piksellik bir görüntü alanının 2560 fiziksel pikselle çizildiği anlamına gelir; metnin bu ekranlarda keskin görünmesinin nedeni budur.

Hangi ölçüye göre tasarım yapmalıyım?

Görüntü alanına göre. Medya sorguları ve yerleşim CSS pikseliyle çalışır; dolayısıyla ekran çözünürlüğü tek başına elinizdeki alan hakkında çok az şey söyler.