Ekran cetveli
Ekranınızı cetvele dönüştüren ücretsiz Windows uygulaması: canlı değer gösteren sürüklenebilir piksel cetveli, yatay veya dikey, ölçtüğünüz her şeyin üstünde hayalet gibi saydam.
Uygulama neler yapar
Yatay ve dikey cetvel
Her 10 px'te çentik, her 50'de büyük çentik, her 100'de etiket — yönü tek bir segmentli düğmeyle değiştirin.
Ayarlar: Segmentli denetim
İnce ayarlı sürüklenebilir işaret
Vurgu çizgisini hedefe sürükleyin, sonra ok tuşlarıyla cilalayın: her basışta bir piksel, Shift ile on. Sıfırlama başa döndürür.
Ayarlar: Ok tuşları / Shift+ok tuşları
Hayalet katman
%40–100 opaklık ve «Üstte tut» anahtarı cetveli, ölçtüğünüz arayüzün üstünde yarı saydam bir katmana dönüştürür.
Ayarlar: Opaklık kaydırıcısı
Ekrandaki bir şeyi 3 adımda nasıl ölçersiniz
- Cetvelin sıfır kenarını ölçmeye başlayacağınız noktaya hizalayın.
- İşareti diğer uca sürükleyin — ya da ok tuşlarıyla (×10 için Shift) piksel hassasiyetinde ince ayar yapın.
- Değeri okuyun: büyük gösterge ve tuvaldeki etiket, geçerli piksel mesafesini birlikte gösterir.
Windows'ta ekran cetveli yok
Fiziksel bir nesneyi ölçmek kolaydır; pikselleri ölçmek tuhaf biçimde zordur. Windows ekranda mesafe gösteren hiçbir şey sunmaz: DevTools tarayıcı içinde, görüntü düzenleyicileri kendi tuvalinde ölçer, geri kalan her şey için insanlar ızgara çizgilerini sayar. Ekran cetveli eksik parçadır: her 100 px'te çentik ve etiketli ince bir pencere, fareyi izleyen sürüklenebilir işaret çizgisi (B) ve canlı güncellenen bir gösterge — ≈ 482 px. Genişlikler için yatay, yükseklikler için dikey, tek tıkla geçiş.
Hayalet mod ve piksel hassasiyeti
Ekranda ölçümü gerçekten çalıştıran iki ayrıntı: saydamlık ve ince ayar. Opaklık kaydırıcısı (%40–100) pencereyi, ölçtüğünüz arayüzün üzerine koyabileceğiniz bir hayalete çevirir — alt-tab yok, ekran görüntüsü yok. İşaret, kaba iş için sürüklemeyle, hassasiyet için ok tuşlarıyla hareket eder: her basışta bir piksel, Shift ile on. «İşareti sıfırla» düğmesi işareti başa döndürür ve tuvaldeki değer etiketi mesafeyi tam baktığınız yerde gösterir; gözleriniz dolaşmaz. Cetvel gerçek ekran piksellerini okur; %100 ekran ölçeklemesinde bu, CSS ve tasarım araçlarının px dediği şeyin ta kendisidir. Windows ölçeklemesi daha yüksekse sistem ölçeklenmiş birimlerde çalışır — ekrandaki her şey gibi.
Küçük araç, günlük kullanım
Tasarımcılar boşlukları ve kırılma noktası genişliklerini canlı tarayıcıda doğrular. Geliştiriciler, düzeltmeyi yazmadan önce o gizemli dolgunun 8 px mi 12 px mi olduğunu kontrol eder. QA mühendisleri dokunma alanlarının en az 44 px olduğunu onaylar. Sunum hazırlayanlar, projektör çözünürlüğünde bir görsele kalan alanı ölçer. Ve herkes ara sıra o pencerenin gerçekte ne kadar geniş olduğunu bilmek ister. Ekran cetveli, işaret konumunu hatırlayan tek küçük çevrimdışı penceredir — hesap yok, telemetri yok, ayarlanacak bir şey yok.
Özellikler
- Canlı piksel göstergeli sürüklenebilir işaret çizgisi
- Tek tıkla yatay ve dikey mod
- Her 10 px'te çentik, her 100 px'te etiket
- Ok tuşlarıyla hassasiyet: 1 px, Shift ile 10 px
- Sıfırlama düğmesi işareti başa döndürür
- %40'tan itibaren opaklık — ölçtüğünüz arayüzün üzerinde hayalet
- «Üstte tut» tarayıcıların ve düzenleyicilerin üstünde tutar
- Tuvaldeki değer etiketi — sayı tam baktığınız yerde
- %100 ekran ölçeklemesinde kalibrasyon gerekmez
- İşaret konumu çalıştırmalar arasında hatırlanır
- Koyu ve açık tema, çevrimdışı çalışır
- 16 arayüz dili, reklam ve telemetri yok
Ekran görüntüleri
Rehberler
Windows için adım adım rehberler:
-
Windows'ta ekrandaki pikseller nasıl ölçülür (ücretsiz)
Ekrandaki genişlik, yükseklik ve boşlukları piksel cinsinden ölçün — CSS için öğe boyutlarını kontrol edin, dokunma alanlarını doğrulayın ve düzenleri ücretsiz bir ekran cetveliyle karşılaştırın.
Sık sorulan sorular
- Ekran cetveli ücretsiz mi?
- Evet — Windows 10/11 (x64) üzerinde ücretsiz indirilir ve kullanılır; reklam, hesap ve telemetri yoktur.
- İki nokta arasındaki mesafeyi nasıl ölçerim?
- Cetvelin sıfır kenarını (yatay modda sol kenar, dikeyde üst kenar) ilk noktaya koyun ve işaret çizgisini ikinciye sürükleyin: gösterge aralarında tam olarak kaç piksel olduğunu söyler.
- Kalibrasyon gerekir mi?
- Hayır. Bir cetvel birimi bir ekran pikselidir — CSS'in kullandığı birimin aynısı — %100 ekran ölçeklemesinde. Windows ölçeklemesi %100'ün üzerindeyse ekrandaki her şey (cetvel dahil) ölçeklenmiş piksellerde çalışır.
- Başka bir programın üzerinde kullanabilir miyim?
- Evet — hayalet mod tam bunun için: opaklığı azaltın, «Üstte tut» seçeneğini açın ve cetveli tarayıcınızın veya düzenleyicinizin üzerine yerleştirin.
- Köşegen ölçebilir mi?
- Köşegen olarak değil — sınırlayıcı dikdörtgeni ölçün: yatay modda genişliği, dikey modda yüksekliği.
- Birden çok monitörle çalışır mı?
- Evet, pencere herhangi bir monitöre taşınabilir; her ekran kendi pikselleriyle ölçülür.