Jak zmierzyć piksele na ekranie w Windows

Krótka odpowiedź: Windows nie ma linijki na ekranie. DevTools mierzą w przeglądarce, edytory obrazów na własnym płótnie — do całej reszty weź darmowe narzędzie, np. Linijkę ekranową: wyrównaj zerową krawędź, przeciągnij znacznik, odczytaj odległość w pikselach, a okno połóż duchem nad mierzonym interfejsem.

Po co mierzyć na ekranie

Pisanie CSS: ten pasek boczny ma 320 px czy 300 px? Zmierz zamiast zgadywać i ustaw breakpoint poprawnie.
Dostępność: obszary dotyku powinny mieć co najmniej 44×44 px — linijka sprawdzi oba wymiary w sekundach.
Odbiór projektu: porównanie odstępów makiety z żywą stroną, z dokładnością do piksela, o który spierają się projektanci.
Prezentacje i druk: sprawdzenie, jaki obszar może zająć obraz przy rozdzielczości projektora.
Ciekawość ze skutkami: „jak szerokie jest naprawdę to okno?” — zanim napiszesz dla niego skrypt.

Sposób 1: narzędzia przeglądarki (tylko w przeglądarce)

F12 → Zbadaj → najedź na dowolny element, aby zobaczyć jego model pudełkowy. Idealne dla DOM — bezużyteczne dla odtwarzacza wideo, aplikacji desktopowej, zrzutu w przeglądarce zdjęć czy własnego okna.

Sposób 2: Linijka ekranowa — zmierzy wszystko, wszędzie

Pobierz bezpłatnie — ScreenRuler-Setup.exe

Wyrównaj zero. Przyłóż lewą krawędź linijki (tryb poziomy) lub górną (pionowy) tam, gdzie zaczyna się pomiar.
Przeciągnij linię znacznika na drugi koniec; dopracuj strzałkami — 1 px na naciśnięcie, Shift dla ×10. Przycisk „Zresetuj znacznik” cofa go do zera.
Zrób z niej ducha: przezroczystość na 40 % plus „Zawsze na wierzchu” kładą półprzezroczystą linijkę wprost na badanym elemencie. Odczytaj dużą wartość — ≈ 482 px.

Uwagi o dokładności

Jedna jednostka linijki to jeden piksel ekranu — ten sam px, którym mówi CSS — przy skalowaniu 100 %. Przy wyższym skalowaniu Windows wszystko na ekranie, wraz z pomiarami, jest w pikselach skalowanych; jeśli potrzebujesz liczb bez skalowania, porównuj przy 100 %. Zoom przeglądarki zmienia to, co mierzysz: mierz przy powiększeniu 100 %.

Częste pytania

Czy można zmierzyć odległość po przekątnej?

Nie — zmierz prostokąt opisany (szerokość w trybie poziomym, wysokość w pionowym): i tak właśnie liczą systemy układu.

Czy działa na każdym monitorze i przy każdym skalowaniu?

Okno przenosi się na dowolny monitor i mierzy piksele tego ekranu; skalowanie działa jak opisano wyżej.

Czym różni się od drogi „zrzut ekranu + edytor”?

Szybkością i prawdą: bez kroku robienia zrzutu i błędów zoomu — mierzysz żywy ekran dokładnie tak, jak jest teraz rysowany.