Linijka online – piksele do cm
Mierz obiekty na ekranie w pikselach i centymetrach. Kalibracja do DPI twojego monitora. Pozioma i pionowa. Idealna do projektowania i sprawdzenia wymiarów. Bezpłatnie.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćLinijka online – zmierz elementy na ekranie w px i cm
Linijka online wyświetla podziałkę z pikselami i centymetrami bezpośrednio w przeglądarce. Po kalibracji do DPI twojego monitora jest precyzyjna dla fizycznych pomiarów. Używana przez designerów do sprawdzenia rozmiarów elementów, odstępów i proporcji.
Kalibracja linijki
Linijka bez kalibracji: używa window.devicePixelRatio i zakłada 96 DPI (standard CSS). Dla dokładności fizycznej: skalibruj przez przyłożenie prawdziwej linijki lub karty kredytowej (85.6×54mm) do ekranu i dopasowanie. Zapisana kalibracja: localStorage – pozostaje po zamknięciu przeglądarki.
Jednostki linijki
Piksele (px): jednostki CSS. Physical pixels: px × devicePixelRatio (dla Retina 2×: 1 CSS px = 2 fizyczne px). Centymetry (cm): obliczone z kalibracji DPI. Cale (in): 1in = 2.54cm. Punkty typograficzne (pt): 1pt = 1/72 cala. Piki (pc): 1pc = 12pt. Narzędzie przelicza między wszystkimi.
Tryby linijki
Pozioma (horizontal ruler): miara wzdłuż osi X. Pionowa (vertical ruler): wzdłuż osi Y. Kąt (angle): mierz kąt między dwoma liniami. Obszar (area ruler): zaznacz prostokąt i mierz szerokość × wysokość. Free measurement: kliknij punkt A i B – odległość w px i cm.
Zastosowania
Sprawdzenie odstępów w projekcie Figma vs implementacja. Weryfikacja rozmiarów elementów na produkcji. Pomiar zdjęcia lub grafiki w pikselach. Sprawdzenie czy element spełnia minimalny rozmiar dotyku (48×48px WCAG). Porównanie DPI na różnych monitorach.
Najczęstsze pytania
Dlaczego 96 DPI jest standardem CSS?
W CSS 1in = 96px (od CSS 2.1). Historycznie: Windows 96 DPI, macOS 72 DPI (od 1984). Ujednolicono w CSS: 1in = 96px niezależnie od fizycznego DPI monitora. Na Retina (192 DPI): 1 CSS px = 2 fizyczne px (devicePixelRatio=2). 4K monitor: może być 3× lub 4×.
Jak sprawdzić DPI swojego monitora?
DPI = (width_px / diagonal_in). Monitor 24", 1920×1080: diagonal_px = √(1920²+1080²) ≈ 2203 px. 2203/24 ≈ 91.8 DPI. Narzędzie może automatycznie obliczyć przybliżony DPI jeśli podasz przekątną monitora.
Jak linijka pomaga w dostępności?
WCAG 2.5.5 Target Size (AA): interaktywne elementy co najmniej 44×44px. WCAG 2.5.8 (Level A, WCAG 2.2): minimum 24×24px. Linijka pozwala zmierzyć elementy na ekranie i sprawdzić zgodność. Szczególnie użyteczna dla przycisków, linków i ikon.
Czy linijka online zastąpi fizyczną linijkę?
Dla pomiarów na ekranie (px, design): tak – jest dokładniejsza. Dla fizycznych pomiarów (mierzenie kartek, obiektów biurowych): nie. Dokładność zależy od kalibracji i DPI monitora. Odchylenie: na nieskalibrowanym monitorze ±5-10%. Po kalibracji: ±1-2%.
Jakie jest DPI różnych urządzeń?
Standard monitor FHD 24": ~91-92 DPI. MacBook Retina 13": ~227 DPI. iPhone 15 Pro: 460 PPI (PPI = DPI dla ekranów). 4K monitor 27": ~163 DPI. iPad Pro 12.9": 264 PPI. Wydruk: 300 DPI minimum (czytelny tekst), 1200 DPI dla detalicznej grafiki.
Powiązane narzedzia: konwerter em/rem na piksele, konwerter cali na cm i sprawdzanie kontrastu kolorów.