Kalkulator proporcji

Jak używać

1. Wybierz preset lub wpisz własną proporcję.
2. Zmień szerokość albo wysokość przy aktywnej blokadzie.
3. Użyj obliczonych wymiarów w projekcie.

O tym narzędziu

Proporcja obrazu opisuje zależność między szerokością i wysokością grafiki, filmu, obszaru roboczego albo responsywnego kontenera. Zapisuje się ją jako dwie liczby rozdzielone dwukropkiem, na przykład 16:9, niezależnie od rzeczywistej liczby pikseli. Ten kalkulator pomaga zachować tę zależność podczas zmiany jednego wymiaru. Wybierz popularny preset dla szerokiego wideo, klasycznego ekranu, kwadratowej grafiki, pionowej relacji, kinowego banera albo fotografii. Możesz także podać własną proporcję dla niestandardowych wymagań marki lub produktu. Gdy blokada jest włączona, zmiana szerokości wylicza pasującą wysokość, a zmiana wysokości pasującą szerokość. Wynik jest zaokrąglany do pełnych pikseli, co zwykle ułatwia eksport. Sugestie wymiarów społecznościowych są dobrym punktem startowym, lecz platformy aktualizują wytyczne, więc przed publikacją sprawdź ich aktualną dokumentację. Właściwa proporcja zapobiega rozciąganiu i nieoczekiwanym kadrom, natomiast rozmiar pikselowy osobno wpływa na ostrość i wagę pliku. W CSS właściwy kształt można utrzymać przez aspect-ratio, pozwalając szerokości kontenera wyznaczyć wysokość. Przy druku potrzebne są również format końcowy i spad. Obliczenia działają lokalnie i przydają się przy miniaturach, reklamach, kartach produktu oraz storyboardach. Przygotowując finalny plik, zostaw bezpieczny margines dla tekstu i logo, ponieważ serwisy mogą kadrować obraz mimo poprawnej proporcji. Warto wykonać testowy eksport i sprawdzić rzeczywisty kontener docelowy. Zapisz proporcję razem z docelowym formatem eksportu, aby projekt i implementacja używały tej samej geometrii. W komponencie responsywnym stała proporcja może zarezerwować miejsce przed załadowaniem obrazu.

Najczęstsze pytania

Podobne narzędzia