Windows'ta ekrandaki pikseller nasıl ölçülür

Kısa yanıt: Windows'ta ekran cetveli yoktur. DevTools tarayıcı içinde, görüntü düzenleyicileri kendi tuvalinde ölçer — geri kalan her şey için Ekran cetveli gibi ücretsiz bir araç kullanın: sıfır kenarını hizalayın, işareti sürükleyin, mesafeyi piksel olarak okuyun ve pencereyi ölçtüğünüz arayüzün üzerine hayalet olarak koyun.

Ekranda neden ölçmek isteyebilirsiniz

• CSS yazmak: şu kenar çubuğu 320 px mi, 300 px mi? Tahmin etmek yerine ölçün ve kırılma noktasını doğru ayarlayın.
• Erişilebilirlik: dokunma alanları en az 44×44 px olmalı — cetvel her iki boyutu da saniyeler içinde doğrular.
• Tasarım kontrolü: bir tasarımın boşluklarını canlı sayfayla, tasarımcıların tartıştığı piksel düzeyinde karşılaştırmak.
• Sunumlar ve baskı: projektörün çözünürlüğünde bir görselin hangi alanı kaplayabileceğini kontrol etmek.
• Sonuçları olan merak: «bu pencere gerçekte ne kadar geniş?» — ona bir betik yazmadan önce.

Yöntem 1: tarayıcı araçları (yalnızca tarayıcı içinde)

F12 → İncele → herhangi bir öğenin üzerine gelin, kutu modelini görün. DOM için mükemmel — video oynatıcı, masaüstü uygulaması, görüntüleyicideki bir ekran görüntüsü ya da kendi pencereniz için işe yaramaz.

Yöntem 2: Ekran cetveli — her şeyi, her yerde ölçer

Ücretsiz indir — ScreenRuler-Setup.exe

1. Sıfırı hizalayın. Cetvelin sol kenarını (yatay mod) veya üst kenarını (dikey) ölçümün başladığı yere koyun.
2. İşaret çizgisini sürükleyin diğer uca; ok tuşlarıyla ince ayar yapın — her basışta 1 px, Shift ile ×10. «İşareti sıfırla» düğmesi başa döndürür.
3. Hayalete çevirin: opaklık %40'a ve «Üstte tut» açık — yarı saydam cetvel tam incelenen öğenin üzerine oturur. Büyük değeri okuyun — ≈ 482 px.

Doğruluk notları

Bir cetvel birimi bir ekran pikselidir — CSS'in konuştuğu px — ekran ölçeklemesi %100 iken. Windows ölçeklemesi daha yüksekse ekrandaki her şey, ölçümleriniz dahil, ölçeklenmiş piksellerdedir; ölçeklenmemiş sayılar gerekiyorsa %100'de karşılaştırın. Tarayıcı yakınlaştırması ölçtüğünüz şeyi değiştirir: %100 yakınlaştırmada ölçün.

Sık sorulan sorular

Köşegen mesafeyi ölçebilir miyim?

Hayır — sınırlayıcı dikdörtgeni ölçün (yatay modda genişlik, dikeyde yükseklik): yerleşim sistemleri zaten onu kullanır.

Her monitörde ve ölçeklemede çalışır mı?

Pencere herhangi bir monitöre taşınır ve o ekranın piksellerini ölçer; ölçekleme yukarıda anlatıldığı gibi davranır.

«Ekran görüntüsü + düzenleyici» yolundan farkı ne?

Hız ve gerçeklik: yakalama adımı yok, zoom hatası yok — canlı ekranı tam şu an çizildiği gibi ölçersiniz.