Ekran ve pencere ayrıntıları
Aksi belirtilmedikçe boyutlar, sitelerin kullandığı birim olan CSS pikseli cinsindendir. Kesin sayılar için tarayıcı yakınlaştırmasını %100'e getir (Ctrl+0 ya da Mac'te ⌘0).
- Ekran çözünürlüğü
- Kontrol ediliyor… Sitelerin ekran boyutun olarak gördüğü değer.
- Fiziksel çözünürlük
- Kontrol ediliyor…Ekran çözünürlüğü × piksel oranı: paneldeki gerçek pikseller.
- Görüntü alanı (viewport)
- Kontrol ediliyor… Sayfanın araç çubukları hariç görebildiğin kısmı.
- Tüm tarayıcı penceresi
- Kontrol ediliyor…
- Kullanılabilir ekran
- Kontrol ediliyor…Görev çubuğu, Dock veya menü çubuğu çıkarılmış ekran.
- Piksel oranı
- Kontrol ediliyor…
- En boy oranı
- Kontrol ediliyor…
- Yön
- Kontrol ediliyor…
- Renk derinliği
- Kontrol ediliyor…
- Renk gamı
- Kontrol ediliyor…
- HDR
- Kontrol ediliyor…
- Yenileme hızı
- Kontrol ediliyor…
- Dokunmatik ekran
- Kontrol ediliyor…
- Monitörler
- Kontrol ediliyor…
Görüntü alanının ekrandaki yeri
Dış kutu ekranın; gölgeli kutu ise bu sayfanın görünen kısmı, yani tarayıcı pencerenin bulunduğu yer.
Yaygın ekran çözünürlükleri
Monitör ve dizüstü boyutları fiziksel piksel, telefon ve tablet boyutları ise sitelerin gördüğü gibi CSS pikseli cinsindendir. Ekranınla eşleşen satırlar işaretlenir.
| Ad | Çözünürlük | En boy oranı | Tipik kullanım |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD televizyonlar, küçük dizüstüler |
| WXGA | 1366 × 768 | 16:9 | Uygun fiyatlı dizüstüler |
| HD+ | 1600 × 900 | 16:9 | 17 inç dizüstüler, eski monitörler |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Çoğu monitör ve dizüstü |
| WUXGA | 1920 × 1200 | 16:10 | Ofis monitörleri, dizüstüler |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27 inç monitörler, oyun |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air ve Pro, 16:10 dizüstüler |
| UWQHD | 3440 × 1440 | 21:9 | 34 inç ultra geniş monitörler |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K monitörler ve televizyonlar |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (CSS pikseli) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (CSS pikseli) |
| Android | 412 × 915 | 20:9 | Android telefonlar (CSS pikseli) |
| iPad | 810 × 1080 | 4:3 | iPad (CSS pikseli) |
Ekran çözünürlüğü ne demek
Ekran çözünürlüğü, ekranının yatayda ve dikeyde gösterdiği piksel sayısıdır ve genişlik × yükseklik olarak yazılır. Full HD bir monitör 1920 × 1080'dir: 1.920 piksel genişlik, 1.080 piksel yükseklik, toplamda yaklaşık iki milyon piksel.
Aynı boyuttaki bir ekranda daha fazla piksel, daha keskin yazı ve görüntü demektir. Bu yüzden 13 inçlik bir dizüstünün çözünürlüğü 24 inçlik bir ofis monitöründen yüksek olabilir.
Çözünürlüğün neden monitörününkinden düşük görünüyor
Windows, macOS, iOS ve Android, keskin ekranlarda yazılar okunabilir kalsın diye her şeyi büyütür. 1920 × 1080 panelli ve %125 ölçekli bir dizüstü, sitelere ekranının 1536 × 864 olduğunu söyler; 2560 × 1600 panelli bir MacBook ise genellikle 1440 × 900 veya 1470 × 956 bildirir.
Siteler yalnızca CSS pikseli denen bu ölçeklenmiş boyutları görür. Bunları piksel oranıyla çarparsan fiziksel çözünürlüğü bulursun; bu sayfa onu ana sayının altında gösterir. Tarayıcı yakınlaştırması da piksel oranını değiştirir, bu yüzden karşılaştırmadan önce yakınlaştırmayı %100'e getir.
Ekran çözünürlüğü, görüntü alanı ve pencere boyutu
- Ekran çözünürlüğü: diğer pencerelerin kapattığı kısımlar dahil tüm ekran.
- Kullanılabilir ekran: görev çubuğu, Dock veya menü çubuğu hariç ekran.
- Tarayıcı penceresi: sekmeler, adres çubuğu ve kenarlıklar dahil tüm pencere.
- Görüntü alanı (viewport): pencerenin sayfayı gösteren kısmı. Web tasarımcıları düzenleri bu boyuta göre test eder; pencereyi yeniden boyutlandırdığında veya geliştirici araçlarını açtığında değişir.
Ekran çözünürlüğü nasıl değiştirilir
- Windows 11 ve 10: masaüstüne sağ tıkla > Ekran ayarları > Ekran çözünürlüğü. (Önerilen) olarak işaretli olan, monitörünün yerel çözünürlüğüdür. Ölçek ayarı hemen üstündedir.
- macOS: Apple menüsü > Sistem Ayarları > Ekranlar, ardından bir boyut seç. Daha büyük yazı, daha az ama daha büyük CSS pikseli demektir; panelin fiziksel çözünürlüğü değişmez.
- iPhone ve Android: çözünürlük sabittir. Ekran Büyütme (iPhone) veya Ekran boyutu (Android), öğelerin ne kadar büyük göründüğünü ve dolayısıyla sitelerin gördüğü CSS boyutunu değiştirir.
- En keskin görüntü için yerel çözünürlüğü koru, onun yerine ölçeği değiştir.
Sorular
Ekran çözünürlüğümü nasıl öğrenirim?
Bu sayfanın en üstünde, tarayıcından okunarak gösterilir. Büyük sayı sitelerin gördüğü boyuttur; altındaki satır ekranının fiziksel çözünürlüğünü ve sisteminin kullandığı ölçeği verir.
Monitörüm 1920 × 1080 iken neden 1536 × 864 görünüyor?
Sisteminde %125 ölçek ayarlı, bu yüzden siteler 1,25 kat küçük bir ekran görür. Fiziksel çözünürlük, ana sayının altında gösterildiği gibi hâlâ 1920 × 1080'dir. Aynı şekilde %150 ölçek 1920 × 1080'i 1280 × 720'ye çevirir.
1920 × 1080, 1080p ve 2K ile aynı mı?
1920 × 1080, 1080p olarak da bilinen Full HD'dir. Monitörlerde 2K genellikle 2560 × 1440 (QHD veya 1440p) anlamına gelir; sinemada ise 2K 2048 × 1080'dir. 4K UHD 3840 × 2160'tır, yani 1080p'nin dört katı piksel.
Görüntü alanı (viewport) boyutu nedir?
Görüntü alanı, tarayıcı penceresinin sekmeler, adres çubuğu ve kaydırma çubukları hariç sayfayı gösteren bölümüdür. Duyarlı (responsive) siteler bu boyuta uyum sağlar; tasarımcılar tarayıcı boyutunu sorduğunda kastettikleri de budur.
Piksel oranı (device pixel ratio) nedir?
Bir CSS pikselini kaç fiziksel pikselin oluşturduğunu gösterir. 1 ölçeklendirme olmadığı anlamına gelir; 2, Retina ekranlı Mac'lerde ve birçok telefonda, 3 ise yeni iPhone'larda görülür. Tarayıcı yakınlaştırması da bu değeri değiştirir.
Telefonda ekran çözünürlüğü nasıl öğrenilir?
Bu sayfayı telefonda aç. Telefonlar CSS pikseli bildirir; örneğin iPhone 15'te 393 × 852. Panelin 1179 × 2556 pikselini bulmak için bunu piksel oranıyla (o iPhone'da 3) çarpman gerekir; bu sayfa bunu senin yerine yapar.
Yenileme hızı kesin mi?
Tarayıcının ne sıklıkla kare çizdiğine bakılarak ölçülür, bu yüzden yakındır ama kesin değildir. Pil tasarrufu, arka planda kalan bir sekme veya yoğun çalışan bir bilgisayar, değerin ekran ayarından düşük çıkmasına neden olabilir.
Rehberler
- IP adresi nedir?
IP adresi, internete sana gönderilen verinin nereye gideceğini söyleyen numaradır. Nasıl göründüğünü, türlerini ve seninkinin senin hakkında neler söylediğini burada bulabilirsin.
- IP adresini nasıl bulursun?
Genel IP adresini bulmak tek tık sürer. Yerel IP adresi ise cihaza göre değişir. Her biri için adımlar burada.
- IPv4 ve IPv6 arasındaki fark nedir?
Dünyada adresler tükendiği için IPv6, IPv4'ün yerini alıyor. İkisinin nasıl karşılaştırıldığını, hangisini kullandığını nasıl anlayacağını ve VPN kullanıyorsan IPv6'nın neden önemli olduğunu burada bulabilirsin.
- DNS sızıntısı nedir ve nasıl düzeltilir?
VPN açıkken bile cihazın ziyaret ettiğin her siteyi internet sağlayıcına sormaya devam edebilir. Buna DNS sızıntısı denir. Nasıl fark edeceğini ve nasıl durduracağını burada bulabilirsin.