Skip to main content
CalculoraCalculora

Finansowe i Biznesowe

Kalkulatory FinansoweInwestycje & PlanowanieFinanse OsobisteInwestycje w NieruchomościNarzędzia BiznesoweStartup i SaaS

Matematyka i Technologia

Kalkulatory MatematyczneNarzędzia InżynieryjneNarzędzia FizyczneNarzędzia DeweloperskieNarzędzia Szkolne

Zdrowie i Życie

Narzędzia MedyczneNarzędzia PomocniczeGeneratory Losowe

Twórcy i Specjalności

Gospodarka TwórcówNarzędzia IslamskieZrównoważony RozwójGry

Konwertery

Przelicznik JednostekPrzelicznik DługościPrzelicznik WagiPrzelicznik Temperatury→ Konwertery Jednostek

Generatory losowe

Generator Losowych LiczbSiła HasłaKoło FortunySymulator Rzutu MonetąRzut KostkąStrefy Czasowe→ Generatory Losowe
Konwerter Plików

PDF

Konwertuj PDF do JPGKonwertuj PDF do PNGKonwertuj PDF na TXTKonwertuj PDF do GIFKonwertuj PDF do WebPKonwertuj PDF do SVGKonwertuj PDF na DOCXKonwertuj PDF na ExcelKonwertuj PDF na PowerPointKonwertuj PDF na HTMLKonwertuj PDF na MarkdownKonwertuj PDF na TIFF

Obrazy

Konwertuj JPG do PNGKonwertuj PNG do JPGKonwertuj PNG do WebPKonwertuj WebP do PNGKonwertuj WebP do JPGKonwertuj JPG do WebPKonwertuj SVG na PNGKonwertuj SVG na JPGKonwertuj SVG do WebPKonwertuj BMP do PNGKonwertuj BMP do JPGKonwertuj BMP do WebP

Zaawansowane Obrazy

Konwertuj HEIC do JPGKonwertuj HEIC do PNGKonwertuj TIFF do JPGKonwertuj TIFF do PNGKonwertuj JPG do TIFFKonwertuj PNG do TIFFKonwertuj JPG do ICOKonwertuj PNG do ICOKonwertuj JPEG na AVIFKonwertuj PNG do AVIF

GIF

Konwertuj GIF do PNGKonwertuj GIF do JPGKonwertuj GIF na pojedyncze ramki (PNG/JPEG)Konwertuj PNG do GIFKonwertuj JPG do GIFKonwertuj GIF do WebP

Edycja

Dodaj znak wodnyUsuwanie obiektów z obrazuZmień rozmiar obrazu natychmiast w przeglądarceKompresuj obrazy online — zmniejsz rozmiar pliku, zachowaj jakość
Math Speed ChallengeMental Math ChallengeWordleBint WaladSudoku2048
Konwerter walut
CalculoraCalculora

Twoja platforma kalkulatorów wszystko w jednym. Darmowe, szybkie i dokładne narzędzia dla każdej potrzeby.

Dane wprowadzone do kalkulatora pozostają w 100% prywatne — wszystkie obliczenia odbywają się w Twojej przeglądarce i nigdy nie docierają do naszych serwerówZawsze bezpłatne — bez płatnych murów, bez subskrypcji, bez kont

Popularne

  • Kalkulator BMI
  • Kalkulator Kredytu
  • Kalkulator Wieku
  • Kalkulator Hipoteki
  • Kalkulator Procentowy
  • Kalkulator Naukowy
  • Zobacz wszystkie →

Kategorie

  • Matematyka
  • Finanse
  • Zdrowie i Życie
  • Finansowe i Biznesowe
  • Narzędzia deweloperskie
  • Inżynieria
  • Kategorie →

Więcej

  • Konwerter walut
  • Konwerter Plików
  • Gry i Zabawy

Prawne

  • O nas
  • Skontaktuj się z nami
  • Polityka prywatności
  • Warunki korzystania
  • Zastrzeżenie prawne
  • Mapa witryny

Języki

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Wszelkie prawa zastrzeżone.

Zbudowane z — 100% bezpłatnie

Lekki i szybki — pliki cookie i analityka działają tylko za Twoją zgodą

  1. Strona główna
  2. Narzędzia Deweloperskie
  3. Konwerter Jednostek CSS

Konwerter Jednostek CSS

Natychmiast przelicz między px, rem, em, pt, vw, vh i %, używając własnego bazowego rozmiaru czcionki i wymiarów viewportu — koniec z zgadywaniem, ile faktycznie wynosi 1,5rem w pikselach.

Ładowanie kalkulatora...
Czy to narzędzie Ci pomogło?

Czym jest Konwerter Jednostek CSS?

CSS obsługuje kilka różnych jednostek rozmiaru — bezwzględne, takie jak px i pt, oraz względne, takie jak rem, em, vw, vh i %. Jednostki względne są niezbędne dla responsywnego, dostępnego projektowania (rem w szczególności respektuje preferencje rozmiaru czcionki przeglądarki użytkownika), ale przeliczanie ich w głowie jest naprawdę trudne, ponieważ wynik zależy od kontekstu: głównego rozmiaru czcionki, rozmiaru czcionki bieżącego elementu lub wymiarów viewportu. Ten konwerter wykonuje te obliczenia za Ciebie: ustaw bazowy rozmiar czcionki, wymiary viewportu i wartość, którą przeliczasz, a zobaczysz odpowiadającą jej wartość w każdej innej jednostce natychmiast — przydatne do tłumaczenia pikselowych wymiarów makiety projektu na responsywne wartości rem/vw lub do ponownego sprawdzenia, jak dana reguła CSS faktycznie renderuje się na ekranie.

Kiedy używać tego kalkulatora

  • Gdy musisz ocenić koszty narzędzia przed rozpoczęciem projektu
  • Gdy porównujesz wyniki z podobnymi narzędziami
  • Gdy uczysz się używać narzędzia w różnych scenariuszach
  • Gdy dzielisz się wynikami z zespołem lub klientami
  • Gdy weryfikujesz dokładność obliczeń narzędzia
  • Gdy szukasz szybkiego i prostego sposobu na rozwiązanie konkretnego problemu

Kroki:

  1. Wprowadź wartość, którą chcesz przeliczyć, i wybierz jej jednostkę początkową.
  2. Ustaw swój bazowy rozmiar czcionki (domyślnie standard przeglądarki 16px).
  3. Dla przeliczeń vw/vh wprowadź docelową szerokość i wysokość viewportu.
  4. Odczytaj odpowiadającą wartość w każdej innej jednostce natychmiast.

Wzór

1rem = 1em = bazowy rozmiar czcionki (domyślnie 16px) 1pt = 96/72 px ≈ 1,333px 1vw = szerokość viewportu / 100 1vh = wysokość viewportu / 100 1% = wartość referencyjna / 100

Przypadki użycia

  • Przeliczanie pikselowej specyfikacji projektanta z Figma/Sketch na wartości rem dla dostępnego CSS
  • Sprawdzanie, jak faktycznie renderuje się responsywny rozmiar czcionki oparty na vw przy określonej szerokości ekranu
  • Tłumaczenie starszego CSS opartego na pt (druk lub e-mail) na standardowy dla sieci px lub rem
  • Audytowanie, czy skala odstępów systemu projektowego zgadza się między jednostkami
  • Szybkie sprawdzanie wartości CSS podczas przeglądu kodu bez otwierania narzędzi deweloperskich

Kluczowe korzyści

  • Przelicza między wszystkimi 7 popularnymi jednostkami CSS w jednym miejscu
  • Używa Twojego rzeczywistego bazowego rozmiaru czcionki i viewportu, a nie stałego założenia
  • Natychmiastowe wyniki podczas pisania — bez potrzeby otwierania narzędzi deweloperskich przeglądarki
  • Darmowe, bez rejestracji, działa całkowicie w Twojej przeglądarce

Wskazówki

  • Preferuj rem zamiast em dla rozmiarów czcionek, aby uniknąć nieoczekiwanej kumulacji w zagnieżdżonych komponentach
  • Używaj dvh/svh zamiast vh dla mobilnych układów pełnoekranowych, jeśli Twoje docelowe przeglądarki to obsługują
  • Utrzymuj spójny bazowy rozmiar czcionki w całym systemie projektowym, aby przeliczenia rem pozostały przewidywalne
  • Podczas tłumaczenia projektu pixel-perfect przeliczaj odstępy na rem, ale zachowuj grubości obramowań i inne drobne szczegóły w px

Częste błędy

  • Zakładanie, że 1rem zawsze równa się 16px, bez sprawdzenia, czy główny rozmiar czcionki został zmieniony
  • Używanie vh dla mobilnych układów pełnej wysokości bez uwzględnienia zachowania paska adresu przeglądarki
  • Zagnieżdżanie rozmiarów czcionek opartych na em i zaskoczenie, gdy nieoczekiwanie się kumulują
  • Niespójne mieszanie px i rem w tym samym komponencie, co psuje skalowanie dostępności

Kluczowe pojęcia

  • Główny rozmiar czcionki: Rozmiar czcionki ustawiony na elemencie html, wobec którego względne są wszystkie jednostki rem
  • Viewport: Widoczny obszar strony internetowej w oknie przeglądarki
  • Jednostka bezwzględna: Jednostka taka jak px lub pt o stałym rzeczywistym rozmiarze, niezależna od jakiegokolwiek kontekstu
  • Jednostka względna: Jednostka taka jak rem, em, vw lub %, której rozmiar zależy od innej wartości

Powiązane pojęcia

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Przykład

Przy bazowym rozmiarze czcionki 16px, 1,5rem przelicza się na 24px. Przy szerokości viewportu 1440px, 5vw przelicza się na 72px.

Interpretacja wyników

To narzędzie wyświetla szczegółowe wyniki na podstawie wprowadzonych przez Ciebie danych. Przeanalizuj uważnie każdą sekcję, aby zrozumieć, jak interpretować liczby i podejmować na ich podstawie decyzje. Jeśli masz pytania dotyczące działania narzędzia lub interpretacji konkretnych wyników, zapoznaj się z sekcją FAQ poniżej lub skontaktuj się z pomocą techniczną.

Najczęściej Zadawane Pytania

Jaka jest różnica między rem a em?
rem jest zawsze względny wobec rozmiaru czcionki elementu głównego (html), więc pozostaje spójny bez względu na to, jak głęboko zagnieżdżony jest element. em jest względny wobec rozmiaru czcionki bieżącego elementu, co oznacza, że może się kumulować przy zagnieżdżaniu — to narzędzie dla uproszczenia traktuje oba tak samo, używając Twojego bazowego rozmiaru czcionki.
Dlaczego 1rem zazwyczaj równa się 16px?
16px to domyślny rozmiar czcionki przeglądarki dla głównego elementu html w praktycznie każdej przeglądarce. Ponieważ rem jest względny wobec tego głównego rozmiaru, 1rem równa się 16px, chyba że strona (lub ustawienia przeglądarki użytkownika) wyraźnie zmieniają główny rozmiar czcionki.
Do czego służą vw i vh?
vw (szerokość viewportu) i vh (wysokość viewportu) to procenty aktualnej szerokości i wysokości okna przeglądarki — 1vw równa się 1% szerokości viewportu. Są powszechnie używane do układów pełnoekranowych i responsywnej typografii, która skaluje się wraz z ekranem.
Czy piksel zawsze wynosi dokładnie 1/96 cala?
Zgodnie ze specyfikacją CSS, tak — piksel CSS jest zdefiniowany jako 1/96 cala, dlatego też 1pt (1/72 cala) przelicza się na dokładnie 96/72 = 1,333 piksela CSS.
Czy to narzędzie jest darmowe?
Tak, to narzędzie jest całkowicie darmowe i nie wymaga rejestracji. Możesz z niego swobodnie korzystać.
Czy moje dane są bezpieczne?
Tak, wszystkie obliczenia wykonywane są w Twojej przeglądarce. Żadne dane nie są wysyłane na nasze serwery.
Czy mogę korzystać z narzędzia na telefonie?
Tak, narzędzie jest kompatybilne ze wszystkimi urządzeniami, w tym smartfonami i tabletami.
Jak zapisać swoje wyniki?
Możesz skopiować wyniki lub wyeksportować je jako plik PDF albo CSV, jeśli ta funkcja jest dostępna.
Czy wyniki są dokładne?
Wyniki opierają się na uznanych wzorach i równaniach. Aby uzyskać maksymalną dokładność, sprawdź wprowadzone dane.
Czy mogę korzystać z narzędzia offline?
Tak, większość obliczeń odbywa się lokalnie w Twojej przeglądarce i nie wymaga połączenia z internetem.
Jak rozwiązać problem z narzędziem?
Upewnij się, że korzystasz z najnowszej wersji przeglądarki, i w razie potrzeby wyczyść pamięć podręczną. Jeśli problem nadal występuje, skontaktuj się z pomocą techniczną.

Powiązane narzędzia

Odkryj więcej narzędzi

Kalkulator Proporcji

Kalkulator Pasma

Kalkulator Czasu Pobierania

Kalkulator Kosztów Hostingu Cloud

Kalkulator Kosztów CDN

Kalkulator Monetyzacji API

Podobne narzędzia

Kalkulator Proporcji
Narzędzia Deweloperskie
Kalkulator Pasma
Narzędzia Deweloperskie
Kalkulator Czasu Pobierania
Narzędzia Deweloperskie
Kalkulator Kosztów Hostingu Cloud
Narzędzia Deweloperskie
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100