Kalkulator VW
VW Calculator
Przelicz piksele na jednostkę viewport width (vw) względem konkretnej szerokości ekranu — podstawa fluid typography bez media queries.
Convert pixels to the viewport-width unit (vw) against a specific screen width — the basis of fluid typography without media queries.
Wpisz PX lub VW — drugie pole przeliczy się automatycznie względem podanej szerokości viewportu.
Enter PX or VW — the other field recalculates automatically relative to the given viewport width.
Proporcja uproszczona przez największy wspólny dzielnik.
Ratio simplified using the greatest common divisor.
To zakres orientacyjny, nie sztywna reguła — dostosuj do konkretnego kroju pisma.
This is a rough range, not a strict rule — adjust for the specific typeface.
Wpisz wartość
Enter a value
Ustaw szerokość viewportu, względem której liczysz (np. 1440px dla desktopu).
Set the viewport width you're calculating against (e.g. 1440px for desktop).
Odczytaj wynik
Read the result
Wpisz PX lub VW — drugie pole przeliczy się automatycznie.
Enter PX or VW — the other field recalculates automatically.
Sprawdź pozostałe zakładki
Check the other tabs
Ten sam widget mieści 7 kalkulatorów — przełącz zakładkę, żeby użyć innego bez opuszczania strony.
The same widget holds 7 calculators — switch tabs to use another one without leaving the page.
Co dokładnie oznacza 1vw?
What does 1vw actually mean?
1vw to 1% szerokości widocznego okna przeglądarki. Przy viewport 1440px, 1vw = 14.4px. Wartość vw zmienia się dynamicznie razem z szerokością ekranu.
1vw is 1% of the visible browser window's width. At a 1440px viewport, 1vw = 14.4px. The vw value changes dynamically along with screen width.
Czy vw wystarczy do fluid typography?
Is vw enough for fluid typography?
Samo vw skaluje się liniowo bez górnej ani dolnej granicy — tekst może stać się nieczytelnie mały albo absurdalnie duży na skrajnych szerokościach ekranu. Do tego służy nasz osobny Kalkulator Clamp(), który dodaje granice.
vw alone scales linearly with no upper or lower bound — text can become unreadably small or absurdly large at extreme screen widths. That's what our separate Clamp() Calculator is for — it adds boundaries.
Dlaczego wynik zmienia się razem z liczbą w polu viewport?
Why does the result change along with the viewport field?
Bo vw jest z definicji względne do szerokości ekranu — ten sam PX daje różny wynik vw przy różnych szerokościach viewportu, którą podajesz w kalkulatorze.
Because vw is, by definition, relative to screen width — the same PX gives a different vw result at different viewport widths, which you set in the calculator.
Czym jest jednostka VW
Viewport width (vw) to jednostka CSS relatywna do szerokości widocznego okna przeglądarki — 100vw to zawsze pełna szerokość ekranu, niezależnie od urządzenia.
Typowe zastosowania
Fluid typography (rozmiar czcionki skalujący się płynnie ze szerokością ekranu), pełnoekranowe sekcje hero, marginesy proporcjonalne do szerokości viewportu.
Ograniczenie, o którym warto pamiętać
Czyste vw nie ma górnej ani dolnej granicy — element może się skalować w nieskończoność. W praktyce prawie zawsze łączy się vw z clamp(), żeby ustawić bezpieczne minimum i maksimum.
What the VW unit is
Viewport width (vw) is a CSS unit relative to the visible browser window's width — 100vw is always the full screen width, regardless of device.
Typical uses
Fluid typography (font size scaling smoothly with screen width), full-screen hero sections, margins proportional to viewport width.
A limitation worth remembering
Pure vw has no upper or lower bound — an element can scale infinitely. In practice, vw is almost always combined with clamp() to set a safe minimum and maximum.
Zobacz wszystkie kalkulatory naraz.
See all calculators at once.
Jedna strona zbierająca 7 narzędzi web designera w jednym miejscu.
One page collecting 7 web designer tools in one place.