Kalkulator Proporcji Obrazu
Aspect Ratio Calculator
Podaj szerokość i wysokość, dostań uproszczoną proporcję (np. 16:9) — albo wybierz gotowy preset i policz brakujący wymiar.
Give a width and height, get the simplified ratio (e.g. 16:9) — or pick a ready preset and compute the missing dimension.
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
Wpisz szerokość i wysokość w pikselach, albo kliknij gotowy preset proporcji.
Enter width and height in pixels, or click a ready ratio preset.
Odczytaj wynik
Read the result
Odczytaj uproszczoną proporcję (np. 16:9) w polu wyniku.
Read the simplified ratio (e.g. 16:9) in the result field.
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.
Jak liczona jest uproszczona proporcja?
How is the simplified ratio calculated?
Przez największy wspólny dzielnik (NWD) szerokości i wysokości — dokładnie ta sama matematyka, której uczy się na lekcjach ułamków w szkole.
Through the greatest common divisor (GCD) of width and height — the exact same math taught in fraction lessons at school.
Co oznaczają popularne proporcje jak 16:9 czy 21:9?
What do popular ratios like 16:9 or 21:9 mean?
16:9 to standard wideoekranowy (telewizory, większość monitorów). 21:9 to ultrapanoramiczny format kinowy. 9:16 to pionowy format typowy dla Stories i Reels w social media.
16:9 is the standard widescreen ratio (TVs, most monitors). 21:9 is an ultra-wide cinematic format. 9:16 is the vertical format typical of Stories and Reels on social media.
Do czego przydaje się ten kalkulator w CSS?
What's this calculator useful for in CSS?
Nowoczesna właściwość aspect-ratio w CSS przyjmuje dokładnie taką proporcję (np. aspect-ratio: 16/9), więc wynik możesz wkleić bezpośrednio do arkusza stylów.
The modern CSS aspect-ratio property accepts exactly this kind of ratio (e.g. aspect-ratio: 16/9), so you can paste the result directly into your stylesheet.
Po co upraszczać proporcje
Surowe wymiary w pikselach (np. 1920×1080) nic nie mówią o kształcie na pierwszy rzut oka. Uproszczona proporcja (16:9) natychmiast komunikuje format — szeroki ekran, kwadrat, pionowy telefon.
Dwa kierunki obliczeń
Ten kalkulator działa też odwrotnie — wybierz gotową proporcję z presetów, podaj jeden znany wymiar, a drugi zostanie policzony automatycznie, zachowując wybrany kształt.
Zastosowanie w CSS
Właściwość aspect-ratio pozwala zarezerwować miejsce na obraz czy wideo zanim się załaduje, zapobiegając przeskokom layoutu (CLS) — jednemu z kluczowych wskaźników Core Web Vitals.
Why simplify ratios
Raw pixel dimensions (e.g. 1920×1080) say nothing about shape at a glance. A simplified ratio (16:9) instantly communicates the format — wide screen, square, vertical phone.
Two directions of calculation
This calculator also works in reverse — pick a ready ratio from the presets, give one known dimension, and the other is computed automatically, keeping the chosen shape.
Use in CSS
The aspect-ratio property lets you reserve space for an image or video before it loads, preventing layout shifts (CLS) — one of the key Core Web Vitals metrics.
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.