Kalkulator proporcji obrazu

Wprowadź dowolną szerokość i wysokość, aby znaleźć uproszczone proporcje obrazu za pomocą metody NWD (Największy Wspólny Dzielnik).

Na przykład rozdzielczość 1920x1080 upraszcza się do 16:9, a 2560x1440 również do 16:9.

Nasz kalkulator pokazuje również stosunek dziesiętny do szybkiego sprawdzenia.

16:9 to standardowy format panoramiczny używany w rozdzielczościach HD, Full HD, 4K i 8K.

Popularne rozdzielczości 16:9 obejmują:

• 1280x720 (HD)
• 1920x1080 (Full HD)
• 2560x1440 (QHD)
• 3840x2160 (4K UHD)
• 7680x4320 (8K)

Wprowadź dowolną szerokość, aby natychmiast obliczyć pasującą wysokość 16:9.

Każda platforma społecznościowa ma zalecane proporcje:

• YouTube (16:9, 9:16 dla Shorts)
• Instagram (1:1 kwadrat, 4:5 pion, 9:16 Stories/Reels)
• TikTok (9:16)
• Twitter/X (16:9, 2:1 nagłówek)
• Facebook (1.91:1 link, 9:16 Stories)

Skorzystaj z gotowych ustawień naszej platformy, aby uzyskać dokładne wymiary w pikselach.

Proporcje obrazu to relacja między szerokością a wysokością grafiki, zapisywana jako dwie liczby oddzielone dwukropkiem, na przykład 16:9.

Działają poprzez wyrażenie szerokości i wysokości w postaci najmniejszych liczb całkowitych, uzyskiwanych przez podzielenie obu wymiarów przez ich największy wspólny dzielnik (NWD). Obraz 1920x1080 ma NWD wynoszące 120, więc redukuje się do 16:9.

Proporcje są niezależne od rozdzielczości: zarówno 1280x720, jak i 3840x2160 dzielą te same proporcje 16:9 pomimo bardzo różnej liczby pikseli. Zgodnie ze standardami nadawczymi SMPTE i ITU-R BT.709, proporcje określają kształt, podczas gdy rozdzielczość definiuje szczegółowość, dlatego te dwa parametry należy rozpatrywać osobno podczas przygotowywania mediów.

Aby znaleźć brakujący wymiar, pomnożyć lub podzielić znany wymiar przez wartość dziesiętną proporcji.

Jeśli znasz szerokość i chcesz uzyskać wysokość dla obrazu 16:9, podziel szerokość przez 16 i pomnóż przez 9: szerokość 1600 px daje 1600/16x9 = 900 px. Aby znaleźć szerokość na podstawie wysokości, wykonaj operację odwrotną: pomnóż wysokość przez 16 i podziel przez 9.

Postać dziesiętna (16/9 = 1.778) przyspiesza skalowanie, ponieważ szerokość jest zawsze równa wysokości pomnożonej przez stosunek dziesiętny. To ta sama arytmetyka, która jest stosowana w układach CSS, gdzie właściwość aspect-ratio udokumentowana przez MDN Web Docs pozwala przeglądarkom zarezerwować właściwy kształt pola przed załadowaniem obrazu, zapobiegając przesunięciom układu.

Fotografia i film wykorzystują zestaw proporcji odmienny od standardów ekranowych.

Większość aparatów DSLR oraz bezlusterkowców rejestruje w formacie 3:2 (1.5), odziedziczonym po klimie 35 mm, podczas gdy matryce Micro Four Thirds używają formatu 4:3.

Kino opiera się na szerszych formatach: 1.85:1 (płaski) i 2.39:1 (anamorficzny scope) to standardy kinowe zdefiniowane przez SMPTE, a 21:9 przybliża kinowy ultraszeroki format do oglądania w domu.

Rozmiary druku podlegają jeszcze innej logice; seria A wg normy ISO 216 (A4, A3) wykorzystuje proporcje 1:1.414 (pierwiastek z 2), dzięki czemu przepołowienie arkusza zachowuje jego proporcje.

Znajomość wyjściowych proporcji zapobiega niechcianemu kadrowaniu podczas przenoszenia obrazu między aparatem, ekranem a papierem.

Zmiana proporcji obrazu bez jego rozciągania wymaga zastosowania kadrowania lub dodania pasów, a nigdy zwykłej zmiany rozmiaru obu wymiarów w różnym stopniu.

Kadrowanie przycina krawędzie, aby uzyskać docelowy kształt, co kosztem części zawartości wypełnia całą klatkę. Letterboxing (pasy poziome) lub pillarboxing (pasy pionowe) zachowują cały obraz poprzez wypełnienie pustej przestrzeni, co jest metodą stosowaną przez nadawców zgodnie ze standardami wyświetlania ITU-R w celu dopasowania materiału 4:3 do ekranów 16:9.

Z kolei rozciąganie wymusza niedopasowane wymiary i widocznie zniekształca twarze oraz okręgi.

Podczas konwersji zdecyduj, co jest ważniejsze – integralność zawartości (letterbox) czy pełny kadr (kadrowanie) – i przed eksportem oblicz dokładnie wymiary z uwzględnieniem pasów lub przycięcia.

W projektowaniu stron internetowych proporcje obrazu powinny być definiowane w CSS zamiast stałych rozmiarów w pikselach, aby obrazy skalowały się płynnie na różnych urządzeniach.

Nowoczesna właściwość CSS aspect-ratio, udokumentowana w MDN Web Docs i będąca częścią specyfikacji W3C CSS, pozwala zadeklarować aspect-ratio: 16 / 9 dla kontenera, rezerwując miejsce i eliminując kumulacyjne przesunięcie układu (CLS), czyli wskaźnik Core Web Vitals śledzony przez Google.

Popularne proporcje w sieci obejmują:

• 16:9 dla wideo typu hero
• 4:3 lub 1:1 dla miniatur i kart
• 3:2 dla zdjęć w artykułach

Zawsze łącz zadeklarowane proporcje z jednostkami responsywnymi, aby ten sam kod dostosowywał się od widoku pionowego na telefonie do panoramicznego na komputerze bez wpisanych na sztywno wymiarów.

Wybierz proporcje monitora w oparciu o swoje główne zadania, zamiast wybierać domyślnie najtańszą opcję.

• 16:9 sprawdza się w wideo i grach, będąc niemal uniwersalnym standardem wyświetlania
• 16:10 oferuje dodatkową przestrzeń pionową preferowaną przy pisaniu kodu i dokumentów
• Ultrawide 21:9 (2560x1080, 3440x1440) zastępuje konfigurację z dwoma monitorami przy edycji osi czasu i arkuszy kalkulacyjnych
• Super-ultrawide 32:9 idzie jeszcze dalej w symulacjach i tradingu

VESA i branża wyświetlaczy definiują te formaty wokół popularnych rozdzielczości paneli, więc dopasowanie proporcji treści do panelu pozwala uniknąć czarnych pasów. Do zastosowań mieszanych proporcje 16:10 lub 21:9 zazwyczaj zapewniają najbardziej elastyczną przestrzeń roboczą w przeliczeniu na cenę.

Prawidłowe proporcje obrazu bezpośrednio wpływają na to, jak treść prezentuje się w wynikach wyszukiwania i podglądach społecznościowych, co czyni je praktycznym elementem technicznego SEO.

Podglądy Open Graph oraz Twitter Card renderują się najlepiej w proporcjach 1.91:1 dla grafik linków, a niedopasowane wymiary są nieprzewidywalnie przycinane w strumieniu aktualności.

W wyszukiwarce wytyczne Google dotyczące danych strukturalnych dla obrazów zalecają podawanie wielu proporcji (16:9, 4:3 oraz 1:1), aby algorytm mógł wybrać najlepsze kadr dla każdego miejsca. Na stronie internetowej deklarowanie proporcji obrazów zapobiega przesunięciom układu, które szkodzą wskaźnikom Core Web Vitals.

Uzyskanie właściwych proporcji w momencie eksportu poprawia zatem zarówno wygląd współczynnika klikalności na platformach społecznościowych, jak i postrzeganą stabilność, którą nagradzają systemy rankingowe.

Najczęstszym błędem dotyczącym proporcji jest niezależna zmiana szerokości i wysokości, co rozciąga obraz i zniekształca każdy kształt w nim zawarty; podczas skalowania zawsze blokuj proporcje.

• Drugim błędem jest mylenie proporcji z rozdzielczością: 1280x720 i 1920x1080 wyglądają tak samo pod względem kształtu, ponieważ oba mają proporcje 16:9, więc większa liczba pikseli nie zmienia proporcji.
• Inni zapominają, że konwersja między proporcjami wymaga kadrowania lub dodania pasów, a nie ściskania, oraz że zaokrąglenie obliczonego wymiaru do niecałkowitej liczby pikseli może spowodować powstanie jednopikselowego artefaktu na krawędzi.
• W końcu wgranie niewłaściwych proporcji na platformy takie jak YouTube czy Instagram uruchamia automatyczny letterboxing lub kadrowanie, dlatego lepiej dopasować docelowe proporcje przed eksportem, zamiast polegać na tym, że platforma to naprawi.