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

Matematyka

  • Kalkulator Statystyczny
  • Rozwiązywanie Równań
  • Kalkulator Ułamków
  • Faktoryzacja Pierwsza
  • Kalkulator NWD i NWW
  • Kalkulator Logarytmu

Finanse

  • Kalkulator FIRE
  • Kula Śnieżna Długów
  • Kalkulator Inwestycji
  • Kalkulator Emerytalny
  • Kalkulator Wynagrodzenia
  • Kalkulator ROI

Prawne

  • Zobacz wszystkie
  • Kategorie
  • Konwerter walut
  • Mapa witryny
  • Gry i Zabawy
  • O nas
  • Skontaktuj się z nami
  • Polityka prywatności
  • Warunki korzystania
  • Zastrzeżenie prawne

Języki

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 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.

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.

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

Jak obliczyć

  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.

Przykład

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

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

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

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

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

Typowe zastosowania

  • 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

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.

Powiązane narzędzia

Kalkulator Proporcji Obrazu
Kalkulator Pasma
Kalkulator Czasu Pobierania
Kalkulator Kosztów Hostingu Cloud
Kalkulator Kosztów CDN
Kalkulator Monetyzacji API
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100