Çözünürlük (Resolution) Nedir?
Cihazınızın ekranını oluşturan yatay ve dikeydeki toplam mini LED (piksel) noktalarının çarpımıdır. Rakam ne kadar yüksekse ekran o kadar nettir.
Ekran Çözünürlüğüm Nedir? (Viewport ve PPI)
Nasıl Kullanılır?
1
Test Ekranına Girin
Web sayfamız açıldığı an arka planda tarayıcınızın grafik arabirimi ile iletişime geçilerek donanımsal ölçümler yapılır.
2
Çözünürlük Skoru Görün
Fiziksel ekranınızın genişlik ve yükseklik piksel (px) değerleri milisaniyeler içinde ekrana yansır (Örn: 1920x1080).
3
Detaylı En-Boy Raporu
Ekranınızın sadece boyutunu değil, izlediğiniz videoların çerçevesi olan En-Boy (16:9, 21:9) formatını da inceleyin.
Bu Araç Ne İşe Yarar?
Viewport (Görsel Alan)
Çözünürlük ekran boyutu iken Viewport; şu an tarayıcı pencerenizin açık olduğu ve içerik gördüğünüz kısımdır. Eğer pencereyi küçültürseniz Viewport azalır.
En-Boy Oranı (Aspect Ratio)
Standart laptoplar ve telefonlar genelde 16:9 geniş ekrandır. Sinematik geniş monitörler ise yatayda 21:9 oranına sahiptir.
Retina & Piksel Yoğunluğu
Apple Retina veya 4K OLED ekranlarda fiziksel ekran küçük olsa da bir inç alana çok daha fazla piksel sıkıştırılmıştır (Yüksek DPI).
Hangi Durumlarda Kullanılır?
Ekran Çözünürlüğü Görüntüleme Aracı Nedir?
Günlük hayatta YouTube'da video izlerken veya yeni bir oyun indirirken sürekli "1080p, 2K, 4K" gibi terimlere maruz kalırız. Yeni bir harici monitör veya laptop satın aldığımızda, cihazın bize vaat ettiği ekran keskinliğinin donanımsal onayını görmek isteriz. Veya eğer bir web tasarımcıysak, yazdığımız sitenin farklı ekranlarda bozulup bozulmadığını kontrol etmeye ihtiyaç duyarız. Geliştirdiğimiz bu ücretsiz
Ekran Çözünürlük ve Viewport Test Aracı
, arka plandaki tüm tarayıcı API'lerini analiz ederek size anlık donanım metriklerinizi raporlar.
Pixel (Piksel) Kavramı ve Netlik
Bir ekran, milyonlarca minik yanıp sönen lamba hücresinden (pikselden) oluşur. Örneğin "Full HD 1080p" denilen standart; yatayda 1920 adet, dikeyde ise 1080 adet pikselin birleştiğini ifade eder (1920 x 1080 = Toplam 2 milyondan fazla piksel). Ekrana ne kadar çok piksel sığdırılırsa (Örneğin 4K Ultra HD - 3840 x 2160), görüntüdeki köşeler o kadar yumuşak, fotoğraflar ve metinler o kadar jilet keskinliğinde olur.
DPI (İnç Başına Düşen Nokta) ve Ölçeklendirme (Scaling)
Pek çok Windows kullanıcısı aracımızda 1920x1080 yerine "1536x864" gibi tuhaf rakamlar görebilir. Bu ekranınızın bozuk olduğunu göstermez. Aksine, 14 inçlik küçük bir laptop'a 1080p çözünürlük sıkıştırıldığında ikonlar ve yazılar karınca kadar ufak olacağı için Windows otomatik olarak %125 Görüntü Ölçeklemesi (Scaling) uygular. Cihazımız ise size o an tarayıcıya yansıyan "Render (Geçerli)" çözünürlüğü dürüstçe söyler.
Web Tasarımcıların Can Simidi: Viewport
Ekranın tam piksel sayısı, aslında tasarımcılar için bazen yanlıştır. Çünkü Windows görev çubuğu (Taskbar), Chrome adres çubuğu ve eklentiler sayfanın bir kısmını işgal eder. Geriye kalan, web sitesinin
Scroll bar
dahil edilmeden aktif şekilde bize gösterildiği temiz web alanına
Viewport
denir. Responsive web dizayn (Mobil uyumlu siteler) yaparken, @media query kesme noktalarında (breakpoints) tasarımlarınızı test etmek için aracımızın güncel Viewport verisini referans alabilirsiniz. Sayfayı daraltıp genişlettikçe bu verinin anlık olarak değiştiğini göreceksiniz.
Sık Sorduğunuz Sorular
İşletim sisteminiz (Windows veya Mac), yazıları okuyabilmeniz için ekran ölçeklemeyi (Scale) %150 veya %200 olarak ayarlamış olabilir. Tarayıcılar bu ölçeklemeyi baz alarak sanal çözünürlüğü yansıtır. Görüntü ayarlarından ölçeği %100 yaparsanız gerçek rakamı görürsünüz.
Ekran çözünürlüğü fiziksel donanım limitidir (Örn: Monitörünüz 1920x1080). Viewport ise tarayıcınızda menü çubukları, görev çubuğu vs. hariç tutularak bize kalan "web sitelerinin çizildiği saf oyun alanıdır".
Günümüz telefonları 2K ekranlara sahip olsa da, mobil tarayıcılar (Krom, Safari) devasa yazılar çıkmasın diye viewport ölçeğini 3x ile bölerler. (Örneğin iPhone 14 Pro, 2556x1179 piksel kameraya sahipken tarayıcıya kendini 393x852 olarak raporlar).
UI/UX tasarımcıları web sitelerinin hangi piksellerde kırıldığını test etmek (Responsive), oyuncular ekran ayarlarını doğrulamak veya teknik destek sağlayan ekipler müşterinin ekran problemini analiz etmek için kullanır.