Kalkulator proporcji obrazu

Wpisz szerokość i wysokość w pikselach (albo w cm, calach …): kalkulator skraca proporcje obrazu i pokazuje wartość dziesiętną oraz najbliższy standardowy format. Podaj nową szerokość lub wysokość, a obliczy brakujący bok – zmiana rozmiaru bez zniekształceń.

px
px
px
Zostaw puste, jeśli potrzebujesz tylko proporcji.
Wpisane dane są zapisywane tylko w tej przeglądarce.

Wynik

Proporcje (skrócone)
16:9
Nowe wymiary
1280 × 720 px
Wartość dziesiętna (szerokość ÷ wysokość)
1,778 : 1
Format standardowy
dokładnie 16:9
CSS
aspect-ratio: 16 / 9;
Te same proporcje przy popularnych szerokościach
SzerokośćWysokośćPełne piksele?
640 px360 pxtak
1080 px608 pxzaokrąglone
1280 px720 pxtak
1920 px1080 pxtak
2560 px1440 pxtak
3840 px2160 pxtak

Jak to obliczamy

Jak obliczyć proporcje obrazu

Proporcje obrazu to stosunek szerokości do wysokości podzielony przez największy wspólny dzielnik (NWD). Przykład 1920 × 1080: NWD liczb 1920 i 1080 to 120. 1920 ÷ 120 = 16 i 1080 ÷ 120 = 9 – czyli 16:9. Wartość dziesiętna to 1920 ÷ 1080 = 1,778 : 1.

Obliczanie brakującego boku

Aby proporcjonalnie zmienić rozmiar zdjęcia lub filmu, wystarczy proporcja: nowa wysokość = nowa szerokość × wysokość ÷ szerokość. 1920 × 1080 przy nowej szerokości 1280 daje 1280 × 1080 ÷ 1920 = 720, czyli 1280 × 720 px. W drugą stronę: nowa szerokość = nowa wysokość × szerokość ÷ wysokość. Jeśli wynik nie jest pełną liczbą pikseli, kalkulator go zaokrągla i pokazuje dokładną wartość.

Popularne proporcje ekranu

Najbliższy format standardowy jest wyznaczany według najmniejszej względnej odległości. Dzięki temu widać np., że 1366 × 768 (po skróceniu 683:384) to praktycznie 16:9.

Proporcje w CSS

aspect-ratio: 16 / 9; zachowuje proporcje elementu przy skalowaniu – przydatne przy filmach, kartach i miejscach na obrazy, żeby strona nie „skakała” podczas ładowania. Właściwość jest zdefiniowana w module CSS Box Sizing Level 4 i obsługują ją wszystkie aktualne przeglądarki.

Które narzędzie do czego?

Ten kalkulator odpowiada na ogólne pytania o proporcje. Dokładne wymiary w pikselach dla Instagrama, YouTube’a i innych serwisów to temat na osobną tabelę rozmiarów grafik, a rozdzielczość własnego ekranu najlepiej sprawdzić narzędziem do pomiaru ekranu.

Najczęściej zadawane pytania

Jak obliczyć proporcje obrazu?

Podziel szerokość i wysokość przez ich największy wspólny dzielnik. 1920 × 1080: NWD 120, więc 16:9. 1080 × 1350: NWD 270, więc 4:5.

Ile wynosi wysokość w proporcjach 16:9 przy szerokości 1280 pikseli?

1280 × 9 ÷ 16 = 720 pikseli. Inne rozmiary 16:9: 1920 × 1080, 2560 × 1440 i 3840 × 2160.

Czy 1366 × 768 to naprawdę 16:9?

Prawie: po skróceniu to 683:384, a wartość dziesiętna 1,779 jest tylko o 0,05% wyższa niż 16:9 (1,778). Dlatego sprzedaje się to jako 16:9.

Jakie proporcje ma monitor „21:9” o rozdzielczości 3440 × 1440?

Po skróceniu 43:18, czyli 2,39 : 1. „21:9” to nazwa marketingowa; dokładnie 21:9 to 2,33 : 1. 2560 × 1080 to 64:27 (2,37 : 1).

Jak ustawić proporcje w CSS?

Użyj aspect-ratio: 16 / 9; na elemencie. Jeśli ustawiona jest tylko szerokość, przeglądarka sama wyliczy wysokość.

Czy kalkulator działa z centymetrami lub calami?

Tak. Proporcje nie mają jednostki – wystarczy wpisać oba boki w tej samej jednostce. Ułamki, np. 2,35 × 1, są przed skróceniem zamieniane na liczby całkowite (47:20).

Źródła i podstawa prawna

Stan na:

Podobne narzędzia