Format pionowy 9:16 i 1:3: jak przygotować grafikę i wideo na pionowy ekran LED

Co to są proporcje obrazu

Format obrazu (proporcje, aspect ratio) to wymiary obrazu wyrażone stosunkiem szerokości do wysokości. Zapisuje się go jako x:y i czyta „x do y” [1]. Proporcje nie mówią nic o rozdzielczości. Mówią tylko o kształcie.

Format 9:16 to pionowy kształt: na każde 9 jednostek szerokości przypada 16 jednostek wysokości. Plik 1080 × 1920 px ma dokładnie takie proporcje, bo 1080 / 1920 = 0,5625, czyli 9/16. TikTok dla reklam w pionie zaleca właśnie 9:16 i rozdzielczość co najmniej 540 × 960 px [2]. YouTube klasyfikuje jako Shorts filmy w formacie kwadratowym lub pionowym, trwające maksymalnie 3 minuty [3].

9:16 to więc po prostu obrócone 16:9, czyli kształt telewizora czy ekranu laptopa. To nie jest jedyny pionowy format. Każdy obraz wyższy niż szerszy jest pionowy, a pionowe ekrany LED mogą mieć zupełnie inne proporcje niż telefon.

Tabela proporcji: od telewizora do LED postera

Wartości w drugiej kolumnie to po prostu szerokość podzielona przez wysokość. Im mniejsza liczba, tym węższy i wyższy obraz.

LED poster to 1:3, a nie 9:16

Moduł naszego LED postera ma 0,64 × 1,92 m i rozdzielczość 416 × 1248 px przy rastrze P1.53. Policz: 416 / 1248 = 1/3. To samo wychodzi z wymiarów fizycznych: 0,64 / 1,92 = 1/3. Proporcje to więc 1:3.

Dla porównania 9:16 to 0,5625, a 1:3 to około 0,333. Kadr 9:16 jest około 1,7 raza szerszy względem swojej wysokości niż ekran postera (0,5625 / 0,333 ≈ 1,69). Materiał z telefonu jest dla tego ekranu po prostu za szeroki.

Co się dzieje z materiałem 9:16 na ekranie 1:3

Są dwa uczciwe wyjścia i jedno, którego nie polecamy. Liczymy na przykładzie pliku 1080 × 1920 px.

Kadrowanie: obraz wypełnia ekran, boki znikają

Film skalujemy tak, żeby wypełnił całą wysokość 1248 px. Skala to 1248 / 1920 = 0,65, więc szerokość spada do 702 px, a ekran ma tylko 416 px. Z oryginału zostaje środkowy pas 640 px szerokości (416 / 0,65). Po 220 px z każdej strony znika, czyli około 41% szerokości kadru. Napisy, logo czy twarze ustawione przy brzegach wypadną z ekranu.

Pasy: cały obraz widoczny, ale mniejszy

Film skalujemy tak, żeby zmieścił się w szerokości 416 px. Wysokość obrazu to wtedy 416 × 16 / 9 ≈ 740 px. Z 1248 px ekranu zostaje 508 px wolnych, czyli pasy po około 254 px nad i pod filmem. Obraz zajmuje tylko około 59% wysokości ekranu. Pasy nie muszą być czarne. Można w nich umieścić logo, hasło albo kod QR, ale to już osobny projekt w formacie 1:3.

Rozciąganie: nie rób tego

Rozciągnięcie 9:16 do 1:3 zwęża wszystko w poziomie. Ludzie robią się chudzi, koła stają się owalami, a logo wygląda jak po pomyłce. Taki plik lepiej przygotować od nowa.

Jak projektować na pionowy ekran LED

1. Zacznij od właściwego płótna. Ustaw projekt na 416 × 1248 px. Jeśli masz materiał 9:16, przestaw elementy, zamiast tylko go przycinać: logo wyżej, hasło w środku, wezwanie do działania niżej.
2. Zostaw bezpieczne marginesy. W telewizji standard EBU R95 trzyma grafikę 5% od każdej krawędzi kadru 16:9 [4]. Na pionowym ekranie przyjmij to jako punkt wyjścia: na 416 × 1248 px to około 21 px z boków i 62 px u góry i u dołu. Przy samej krawędzi nie stawiaj tekstu ani logo.
3. Pisz duże i mało. Ekran ogląda się z kilku kroków, często w ruchu. Jedno hasło, krótka informacja, logo. Sprawdź projekt, oglądając go w pomniejszeniu na monitorze: jeśli tekst jest wtedy nieczytelny, z daleka też będzie.
4. Dbaj o kontrast. Wytyczne dostępności WCAG wymagają kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego [5]. To minimum dla stron internetowych. Na ekranie na wydarzeniu, gdzie dochodzi światło sali i odległość, celuj wyżej.
5. Bez szybkiego migania. WCAG ogranicza treści do najwyżej trzech błysków w ciągu sekundy, żeby chronić osoby z padaczką światłoczułą [6]. Piszemy o tym też w poradniku o potykaczu reklamowym.
6. Animuj spokojnie. Przechodzień często widzi ekran tylko przez chwilę. Najważniejsza informacja powinna być widoczna przez większość czasu trwania pętli, a nie tylko w jednej klatce.

Formaty plików: dobre praktyki

Ogólna zasada: plik eksportuj od razu w docelowej rozdzielczości i proporcjach, żeby nikt nie musiał go skalować ani przycinać w ostatniej chwili.

• Grafika z tekstem i logo. Dobrym wyborem jest PNG. To format bezstratny, z opcjonalną przezroczystością [7], więc ostre krawędzie liter nie rozmywają się przy kompresji.
• Wideo. Przygotuj wersję w 416 × 1248 px zamiast wysyłać plik pobrany z mediów społecznościowych, który ma proporcje 9:16 i przeszedł już kompresję platformy.
• Plik źródłowy. Zachowaj projekt w edytowalnej formie. Jeśli trzeba będzie przesunąć logo o kilka pikseli, zrobisz to w minutę.

Nie jesteś pewien, jaki format pliku wysłać albo jak przerobić gotowy materiał? Zapytaj nas. Pomagamy przygotować grafiki, zanim ekran przyjedzie na wydarzenie.

A co ze ścianą LED i ekranem złożonym?

Ten sam moduł pracuje w kilku ustawieniach i każde ma inne proporcje. Ściana LED z 5 modułów ma 3,20 × 1,92 m i 2080 × 1248 px, czyli 5:3. To blisko 16:9, więc materiały poziome dopasowujemy przed wydarzeniem. Ekran złożony ma 0,64 × 1,20 m i obraz z dwóch stron. Pod ten wariant poproś nas o wymiary pliku. Więcej o wykorzystaniu ściany jako tła przeczytasz w poradniku o ściance reklamowej.

Pytania o format 9:16