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.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Tryb PPI

Orientacja

Jednostka

PPI (piksele na cal)

Skala

Przekątna ekranu (cale)

Rozdzielczość – szerokość (px)

Rozdzielczość – wysokość (px)

Długość linijki (cm)

Wartość w pikselach (px)

Wartość w centymetrach (cm)

Pokaż cale Opcja narzędzia

Notatki

Wynik

Piksele → centymetry

13,23 cm

500 px to 13,23 cm przy 96,0 PPI (skala 100%). 1 cm to 37,80 px.

Efektywne PPI

96,00

Pikseli na cal

96,00 px

Pikseli na centymetr

37,80 px

Pikseli na milimetr

3,78 px

10,00 cm w pikselach

378,0 px

Wskazówka: ustaw powiększenie przeglądarki na 100% i w razie potrzeby popraw skalę.

Ile pikseli ma centymetr — typowe ekrany

Wartości liczone tym samym wzorem co narzędzie: px na 1 cm = PPI ÷ 2,54 (przy skali 100%)
Ekran	PPI	px na 1 cm	Karta kredytowa (85,6 mm) w px
Monitor biurkowy / standard CSS	96	37,8	324
Laptop 15,6" Full HD (1920×1080)	141	55,5	475
Monitor 27" QHD (2560×1440)	109	42,9	367
Monitor 27" 4K (3840×2160)	163	64,2	549
MacBook Pro Retina 13"	227	89,4	765
Smartfon 6,1" Full HD+	400	157,5	1 348

Nie ma jednej uniwersalnej liczby pikseli na centymetr — wszystko zależy od gęstości ekranu (PPI). Dlatego karta kredytowa (85,6 × 54 mm — norma ISO/IEC 7810 ID-1) to najprostszy wzorzec: połóż ją na ekranie przy linijce i popraw pole „Skala”, aż jej szerokość pokryje się z oznaczeniem 8,56 cm. Ta sama kalibracja poprawia też przeliczenia px ↔ cm.

Piksele nie są centymetrami — co warto wiedzieć

Dlaczego px ≠ fizyczne cm

Piksel to punkt świetlny, nie jednostka długości. Ten sam obraz 378 px ma ~10 cm na monitorze 96 PPI, ale ~2,4 cm na smartfonie 400 PPI. „Centymetr w pikselach” zawsze wymaga znajomości gęstości konkretnego ekranu.

Jak skalibrować kartą kredytową

Każda karta płatnicza ma dokładnie 85,6 × 54 mm (norma ISO/IEC 7810 ID-1). Przyłóż ją do ekranu, porównaj z linijką na stronie i przesuń pole „Skala”, aż szerokości się pokryją — przelicznik px/cm policzy się sam.

Powiększenie przeglądarki zmienia wynik

Zoom 110% powiększa też piksele na ekranie, więc efektywne PPI rośnie o 10% — 96 × 1,10 = 105,6. Przed pomiarem ustaw zoom na 100% albo uwzględnij go w polu „Skala”, inaczej przeliczenie wyjdzie o ~10% fałszywe.

Do czego to się przydaje

Szybkie sprawdzenie rozmiaru elementu UI w makiecie, wymiaru zdjęcia do druku, odległości na schemacie albo wzoru szycia. Do pomiarów krytycznych użyj fizycznej linijki — ekran daje zawsze szacunek.

Wskazówka: tryb „Oblicz z rozdzielczości i przekątnej” wyliczy PPI z parametrów Twojego ekranu (np. 1920×1080 na 15,6" daje ~141 PPI), a wynik możesz zapisać plikiem .txt.

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.

linijka online mierz piksele cm ekran ruler online px miara online w przeglądarce

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.

Jak linijka przelicza piksele na centymetry

Całe przeliczanie opiera się na jednym współczynniku: liczbie pikseli CSS przypadających na cal, czyli DPI. Domyślnie narzędzie przyjmuje 96 DPI, bo taka jest wartość standardu CSS dla jednostki cala. Z tego wynikają dwa wzory: centymetry = piksele / DPI × 2,54 oraz piksele = centymetry × DPI / 2,54. Przy 96 DPI jeden centymetr to 96 / 2,54 = 37,795 piksela CSS, a jeden piksel CSS to 2,54 / 96 = 0,0265 cm.

Kalibracja odwraca to równanie. Gdy przykładasz wzorzec o znanej długości i dopasowujesz podziałkę, narzędzie liczy DPI = liczba pikseli odczytana z podziałki / długość wzorca w centymetrach × 2,54. Otrzymany wynik zapisuje i używa go do wszystkich jednostek fizycznych: centymetrów, cali, punktów i pików. Tryb kąta i tryb obszaru korzystają z tej samej skali — zmienia się tylko sposób odkładania punktów na ekranie, nie sam wzór.

Osobno traktowane są piksele fizyczne. window.devicePixelRatio mówi, ile pikseli sprzętowych przypada na jeden piksel CSS — na ekranie Retina 2× jeden piksel CSS to dwa piksele fizyczne. To nie to samo co DPI: devicePixelRatio opisuje gęstość zapisu matrycy, a nie fizyczny rozmiar cala na ekranie. Dlatego pomiar w centymetrach wymaga kalibracji, a nie tylko odczytu tej jednej wartości.

Przykład: kalibracja kartą i pomiar przycisku krok po kroku

Otwórz /linijka-online-piksele-cm i wybierz tryb poziomy. Upewnij się, że zoom przeglądarki stoi na 100%.
Przyłóż kartę kredytową krótszą krawędzią do ekranu. Jej wymiary to 85,6 × 54 mm, czyli 5,4 cm na krótszym boku.
Przesuwaj suwak kalibracji tak długo, aż odcinek podziałki opisany jako 5,4 cm pokryje się dokładnie z krótszą krawędzią karty.
Przy domyślnym 96 DPI ten odcinek ma 5,4 × 37,795 = 204,1 piksela CSS. Jeśli podziałka pokazuje inną wartość, narzędzie wylicza skorygowane DPI i przerysowuje skalę.
Zmierz przycisk o szerokości 96 pikseli CSS. W trybie centymetrów odczytasz 96 / 37,795 = 2,54 cm, czyli dokładnie jeden cal.
Sprawdź to samo w pikselach fizycznych: 96 px CSS × 2 (devicePixelRatio ekranu Retina) = 192 piksele sprzętowe. Ta liczba nie zmienia odczytu w centymetrach, bo skala fizyczna pochodzi z kalibracji, a nie z gęstości matrycy.

Tabela przeliczeń przy domyślnym 96 DPI

Jednostka	Przeliczenie	Wartość przy 96 DPI
1 px CSS	px / DPI × 2,54	0,0265 cm
1 cm	DPI / 2,54	37,795 px
1 cal (in)	1 in = 2,54 cm	96 px
1 cm w calach	1 / 2,54	0,3937 in
1 pt	1/72 in × 96	1,333 px
1 pc	12 pt	16 px
48 px (minimum WCAG)	48 / 37,795	1,27 cm
1 px CSS na Retina 2×	px × devicePixelRatio	2 px fizyczne

Praktyczne wskazówki przy pomiarach na ekranie

Kalibruj raz na monitor — współczynnik zależy od konkretnego ekranu i ustawionej rozdzielczości, więc przełączenie na drugi monitor wymaga nowej kalibracji.
Ustaw zoom na 100% — powiększenie przeglądarki skaluje piksele CSS, przez co podziałka przestaje zgadzać się z fizycznym ekranem.
Użyj karty zamiast linijki — karta płatnicza ma standardowy wymiar 85,6 × 54 mm i zwykle jest pod ręką, więc kalibracja zajmuje kilka sekund.
Do pracy z kodem zostań w pikselach — px to jednostka, którą wpisujesz w CSS; centymetry przydają się dopiero wtedy, gdy potrzebny jest fizyczny wymiar elementu na ekranie.
Powtórz pomiar w innym miejscu ekranu — jeśli odczyty różnią się między środkiem a skrajem, kalibracja lub ustawienia obrazu wymagają poprawy.

Co zaburza pomiar i czego narzędzie nie uwzględnia

Zoom i skalowanie systemu — powiększenie w przeglądarce albo skalowanie ustawione w systemie zmienia liczbę pikseli CSS widocznych na ekranie i unieważnia wcześniejszą kalibrację.
Brak automatycznego odczytu fizycznego DPI — przeglądarka nie udostępnia przekątnej ani gęstości matrycy, więc bez kalibracji centymetry są tylko przybliżeniem opartym na 96 DPI.
Kąt patrzenia i krzywizna ekranu — na monitorach zakrzywionych oraz przy patrzeniu z boku skrajne fragmenty podziałki wydają się krótsze, niż są w rzeczywistości.
Pomiar tylko wewnątrz przeglądarki — linijka mierzy to, co widać na stronie; nie zmierzysz nią elementu w innym programie ani przedmiotu leżącego poza ekranem.

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.

Ile pikseli ma 1 cm na ekranie?

Przy domyślnym 96 DPI jeden centymetr to 96 / 2,54 = 37,795 piksela CSS, czyli około 37,8 px. Po kalibracji do własnego monitora ta wartość może się nieznacznie różnić.

Jak skalibrować linijkę online bez prawdziwej linijki?

Wystarczy karta płatnicza, która ma standardowy wymiar 85,6 × 54 mm. Przyłóż ją do podziałki i dopasuj skalę tak, aby odcinek 5,4 cm pokrył się z krótszą krawędzią karty.

Dlaczego pomiar w centymetrach różni się między laptopem a monitorem?

Każdy ekran ma inną gęstość pikseli, a przeglądarka nie zna jego fizycznej przekątnej. Współczynnik kalibracji zapisany dla jednego monitora nie pasuje do drugiego.

Czym różni się piksel CSS od piksela fizycznego?

Piksel CSS to jednostka układu strony, a piksel fizyczny to pojedynczy punkt matrycy. Na ekranie Retina 2× jeden piksel CSS odpowiada dwóm pikselom fizycznym.

Dlaczego 1 pt to nie 1 px?

Punkt typograficzny to 1/72 cala, a cal w CSS to 96 pikseli, więc 1 pt = 96 / 72 = 1,333 px. Punkt jest mniejszy od piksela CSS.

Powiązane narzedzia: konwerter em/rem na piksele, konwerter cali na cm i sprawdzanie kontrastu kolorów.