Ekran çözünürlüğüm ne?
Ekran çözünürlüğüm ne – ve bir web sayfası tarayıcı penceresinde gerçekte ne kadar yer alıyor? Tüm değerler doğrudan tarayıcınızda ölçülür ve pencereyi boyutlandırdığınızda, yakınlaştırdığınızda veya cihazı döndürdüğünüzde canlı olarak güncellenir.
Nasıl hesaplanır?
„Ekran çözünürlüğüm ne?” sorusunun birden fazla doğru cevabı vardır: ekranın fiziksel pikselleri, tarayıcının kullandığı CSS pikselleri ve bir web sayfasının gerçekte aldığı alan olan viewport. Bu araç hepsini yan yana gösterir.
Değerler ne anlama geliyor?
- Fiziksel piksel: CSS piksel cinsinden ekran boyutu × devicePixelRatio. %125 ölçeklemeli bir Full HD dizüstü 1536 × 864 CSS piksel bildirir – × 1,25 gerçek 1920 × 1080 değerini verir.
- devicePixelRatio: bir CSS pikselin kaç fiziksel pikselden oluştuğunu gösterir. 1 = klasik monitör, 2 veya 3 = Retina ya da telefon ekranı. Hem tarayıcı yakınlaştırması hem de Windows ekran ölçeklemesi bu değeri değiştirir.
- Kullanılabilir alan: görev çubuğu veya Dock hariç ekran.
- Viewport: tarayıcı penceresinin iç boyutu (
innerWidth × innerHeight) – media query’ler ve duyarlı (responsive) tasarımlar buna göre davranır. Görünür alan (visual viewport), telefonda parmakla yakınlaştırdığınızda veya klavye açıkken daha küçüktür. - En-boy oranı: tam sadeleştirilmiş hali (1920 × 1080 = 16:9) ve alışılmadık değerlerde yaygın adı (1366 × 768 ≈ 16:9).
- Breakpoint: mevcut pencere genişliğinde Bootstrap 5 (sm 576, md 768, lg 992, xl 1200, xxl 1400 px’ten itibaren) ve Tailwind CSS (sm 640, md 768, lg 1024, xl 1280, 2xl 1536 px’ten itibaren) kademelerinden hangisinin geçerli olduğu.
Yaygın çözünürlükler
| Ad | Piksel | Oran |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD / WXGA | 1366 × 768 | ≈ 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD / WQHD (1440p) | 2560 × 1440 | 16:9 |
| UWQHD | 3440 × 1440 | ≈ 21:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
Sınırlar
Tarayıcılar CSS piksellerini bazen aşağı yuvarlar; bu yüzden fiziksel piksel bir fark gösterebilir (2560 yerine 2561). Birden fazla monitörde tarayıcı, pencerenin o an bulunduğu ekranı bildirir. Parmak izi korumasını (resistFingerprinting) açmış Firefox bilerek standart değerler bildirebilir.
Sıkça sorulan sorular
Ekran çözünürlüğü nasıl öğrenilir?
Bu sayfayı açmanız yeterli: en üstte fiziksel piksel cinsinden çözünürlük, altında CSS piksel değerleri ve tarayıcı pencerenizin boyutu görünür. Windows’ta Ayarlar → Sistem → Ekran → Ekran çözünürlüğü altında da bulabilirsiniz.
Tarayıcım neden 1920 × 1080 yerine 1536 × 864 gösteriyor?
Çünkü Windows %125 ölçeklenmiş (veya tarayıcı yakınlaştırması %100 değil). Tarayıcı bu durumda CSS pikselle çalışır: 1920 ÷ 1,25 = 1536. Fiziksel pikseller en üstte gösterilir – CSS piksel × devicePixelRatio.
Ekran çözünürlüğü ile viewport arasındaki fark nedir?
Ekran çözünürlüğü tüm ekranın boyutudur. Viewport ise yalnızca tarayıcı penceresinin iç alanıdır; sekme çubuğu, adres çubuğu ve görev çubuğu dahil değildir. Web tasarımında ve media query’lerde viewport esas alınır.
devicePixelRatio’nun 2 veya 3 olması ne demek?
Ekranınız yüksek piksel yoğunluklu (Retina): bir CSS piksel 2 × 2 veya 3 × 3 fiziksel pikselden oluşur. Metin ve görseller daha keskin görünür, sayfa düzeni ise aynı boyutta kalır.
Verilerim kaydediliyor mu?
Hayır. Tüm değerler yalnızca tarayıcınızda okunur ve gösterilir; hiçbir şey gönderilmez veya kaydedilmez.
Kaynaklar ve yasal dayanak
- MDN Web Docs – Screen
- MDN Web Docs – Window.devicePixelRatio
- MDN Web Docs – Visual Viewport API
- MDN Web Docs – prefers-color-scheme
- Bootstrap 5.3 – Breakpoints
- Tailwind CSS – Responsive design
Güncelleme:
Benzer araçlar
- User agent nedir, benimki ne?User agent bilginizi görün; tarayıcı, sürüm, motor, işletim sistemi, cihaz türü ve Client Hints bilgilerini öğrenin. Başka UA’ları da çözümler. Yerel çalışır.
- IP adresim nedir?IP adresim nedir sorusunun anında cevabı: genel IP adresinizi gösterir, IPv4 mü IPv6 mı olduğunu bulur ve farkı açıklar. Ücretsiz, IP adresiniz saklanmaz.
- Kamera testi: web kameranızı kontrol edinTarayıcıda ücretsiz kamera testi: canlı görüntü, gerçek çözünürlük ve kare hızı, 480p’den 4K’ya istek, ayna görüntüsü, fotoğraf kaydı. Hiçbir şey yüklenmez.
- Klavye testi: Tüm tuşlar çalışıyor mu?Ücretsiz online klavye testi: Bastığınız her tuş yanar ve test edildi olarak işaretli kalır. key, code ve location değerlerini ve ghosting testini gösterir.
- AB KDV numarası doğrulama (format ve kontrol hanesi)AB KDV numarası doğrulama: 27 AB ülkesi ve Kuzey İrlanda (XI) için KDV kimlik numarasının formatını ve kontrol hanesini kontrol edin. VIES bağlantısıyla.
- Barkod kontrol basamağı: EAN, GTIN ve ISBN doğrulamaEAN-8, EAN-13, UPC-A, GTIN-14 ve ISBN-10/13 kontrol basamağını doğrulayın, eksik basamağı hesaplayın, ISBN-10’u ISBN-13’e çevirin – ücretsiz, tarayıcıda.