Grafiki reklamowe na X: proporcje 1:1 i 16:9, kontrast i czytelność w ciemnym motywie

Jaka grafika reklamowa X sprawdza się najlepiej: 1:1 czy 16:9?

Na telefonie zwykle wygrywa kwadrat 1:1, bo przy tej samej szerokości zajmuje prawie dwa razy więcej ekranu niż obraz poziomy. Format 16:9 i bliski mu 1,91:1 sprawdzają się, gdy pokazujesz szeroką scenę, zrzut ekranu z komputera lub kadr z wideo albo gdy duża część odbiorców przegląda X na komputerze.

Grafika reklamowa X to statyczny obraz używany w poście promowanym, karcie strony, karcie aplikacji albo karuzeli. Wszystkie te miejsca wyświetlają obraz na pełną szerokość kolumny z postami, więc o tym, ile uwagi zdobędzie, decyduje przede wszystkim wysokość. Prosty rachunek: przy szerokości 1200 px kwadrat ma 1200 px wysokości, obraz 16:9 – 675 px, a 1,91:1 – 628 px. Format poziomy zajmuje więc nieco ponad połowę powierzchni kwadratu.

Kiedy mimo to wybrać format szeroki?

• B2B i oprogramowanie – panel aplikacji, wykres czy zrzut ekranu z komputera tracą czytelność po wciśnięciu w kwadrat.
• Produkty o poziomym kształcie – sofa, samochód, rower, panorama hotelu.
• Spójność z wideo – gdy grafika jest kadrem z filmu lub miniaturą transmisji w 16:9.
• Kampanie z kartą strony – format 1,91:1 jest naturalny dla podglądów linków i dobrze wygląda na komputerze.

W pozostałych przypadkach zaczynaj od kwadratu, a format poziomy traktuj jako wariant testowy. Szczegóły projektowania samej karty, w tym nagłówka i przycisku, omawiamy w poradniku o karcie strony i karcie aplikacji na X, a wszystkie formaty reklamowe tej platformy zebraliśmy w przewodniku po X Ads.

Jakie wymiary i formaty plików przyjmuje X?

X przyjmuje grafiki reklamowe w formacie PNG lub JPEG do 5 MB, w proporcji 1:1 lub 1,91:1, a karta aplikacji – wyłącznie w proporcji 1,91:1. Pliki GIF w reklamach obrazkowych wyświetlają się jako statyczne, a formaty BMP i TIFF nie są akceptowane (stan na październik 2026).

Najwięcej nieporozumień budzi różnica między 16:9 a 1,91:1. Obraz 1200×675 px wstawiony w miejsce przeznaczone na 1,91:1 traci łącznie ok. 47 px wysokości, czyli po ok. 23 px z góry i z dołu. To niewiele, ale wystarczy, by uciąć tekst przyklejony do krawędzi. Jeśli przygotowujesz kilka kart naraz, sprawdź też zasady dotyczące jednej proporcji dla całej serii w poradniku o karuzelach na X, a pełną listę formatów znajdziesz w zestawieniu formatów reklam na X.

Jak zaprojektować jedną grafikę, która zadziała w 1:1, 16:9 i 1,91:1?

Nie projektuj jednej grafiki i nie przycinaj jej do trzech formatów – przygotuj jeden motyw w dwóch układach: kwadratowym i poziomym. W układzie poziomym trzymaj całą ważną treść w centralnym kadrze 1,91:1, a wtedy ten sam plik zadziała także jako 16:9.

Praktyczny sposób pracy wygląda tak:

• Plik główny w 16:9 z prowadnicami. Ustaw płótno 1920×1080 px i dodaj prowadnice wyznaczające kadr 1,91:1 oraz margines 5–8% od każdej krawędzi. Logo, tekst i produkt muszą zmieścić się w tym obszarze.
• Osobny układ kwadratowy. W kwadracie tekst zwykle przenosi się nad produkt, a w formacie poziomym – na lewą stronę, z produktem po prawej. Odbiorca czyta od lewej, więc najpierw widzi obietnicę, potem dowód.
• Wolny dolny pas. W kartach dolne ok. 15% wysokości może zostać przykryte nakładką z nagłówkiem lub domeną. Nie umieszczaj tam ceny, logo ani wezwania do działania.
• Jeden punkt skupienia. Jeden produkt, jedna twarz albo jedna liczba. Grafika z trzema równorzędnymi elementami na telefonie wygląda jak szum.

Ten sposób pracy oszczędza czas przy testach: zmieniasz tylko hasło lub zdjęcie produktu, a układ i marginesy pozostają sprawdzone.

Jak duży powinien być tekst na grafice, żeby był czytelny na telefonie?

Na płótnie o szerokości 1200 px nagłówek powinien mieć co najmniej ok. 64 px wysokości, a tekst pomocniczy ok. 40 px. Przy mniejszych wartościach tekst na ekranie telefonu staje się zbyt drobny, by przeczytać go w trakcie przewijania.

Skąd te liczby? Na typowym smartfonie obraz w poście wyświetla się w kolumnie o szerokości ok. 330–360 punktów, bo po lewej stronie jest jeszcze awatar konta. Grafika 1200 px zostaje więc zmniejszona mniej więcej 3,5-krotnie. Tekst o wysokości 40 px zamienia się w ok. 11–12 punktów na ekranie, a nagłówek 64 px – w ok. 18 punktów. To przybliżenie, ale dobrze pokazuje, dlaczego napisy, które w programie graficznym wyglądają na duże, w aplikacji okazują się nieczytelne.

Kilka dodatkowych zasad typograficznych:

• Używaj krojów bezszeryfowych w grubości medium lub bold. Cienkie i zwężone fonty rozmywają się po kompresji.
• Ogranicz tekst do 5–7 słów i najwyżej dwóch linii. Resztę przenieś do tekstu posta i nagłówka karty.
• Unikaj długich linii pisanych wielkimi literami – czyta się je wolniej niż zapis zdaniowy.
• Nie kładź tekstu na ruchliwym zdjęciu bez jednolitej plamy koloru lub przyciemnienia pod spodem.

Analogiczne zasady obowiązują przy tekście w filmach, gdzie dochodzi jeszcze czas ekspozycji – opisujemy je w poradniku o napisach i tekście na ekranie w reklamach wideo.

Jak wygląda grafika reklamowa X w ciemnym motywie i na co uważać?

X oferuje trzy tła: jasne, przyciemnione (granatowe) i całkowicie czarne, a ta sama grafika wygląda na każdym z nich inaczej. W ciemnych motywach znikają ciemne krawędzie obrazu, białe tło razi jak latarka, a cienkie linie i drobny tekst tracą ostrość.

Kontrast tekstu do jego bezpośredniego tła w grafice nie zależy od motywu, więc obowiązuje stały próg: co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużych nagłówków. Motyw aplikacji wpływa natomiast na to, jak grafika odcina się od otoczenia.

Uwaga: Przezroczyste tło to najczęstsza przyczyna „znikającego” logo. W jasnym motywie grafika wygląda poprawnie, więc błąd wychodzi dopiero wtedy, gdy ktoś z zespołu obejrzy reklamę na telefonie z ciemnym tłem.

Jak sprawdzić kontrast i czytelność przed publikacją?

Grafikę sprawdzasz w trzech krokach: pomiar kontrastu w pliku, test zmniejszonej wersji i podgląd w aplikacji na wszystkich trzech tłach. Cała kontrola zajmuje kwadrans, a oszczędza wymiany kreacji po starcie kampanii.

1. Wyeksportuj grafikę w sRGB, w szerokości 1200 px (lub 1920 px przy 16:9), jako JPEG wysokiej jakości albo PNG bez przezroczystości.
2. Zmierz kontrast tekstu do tła w kalkulatorze kontrastu. Progi: 4,5:1 dla zwykłego tekstu, 3:1 dla dużych nagłówków.
3. Zmniejsz plik do 360 px szerokości i obejrzyj go z odległości wyciągniętej ręki. Jeśli nie odczytasz nagłówka, odbiorca też go nie odczyta.
4. Przełącz podgląd w skalę szarości. Hierarchia elementów powinna działać także bez koloru.
5. Wyślij grafikę na telefon i obejrzyj ją na jasnym, granatowym i czarnym tle. Tło zmienisz w ustawieniach wyświetlania aplikacji.
6. W podglądzie reklamy w Ads Managerze sprawdź kadrowanie w karcie i to, czy nakładka nie zasłania ważnych elementów.
7. Pokaż grafikę na trzy sekundy osobie spoza projektu. Powinna powiedzieć, co reklamujesz i co ma zrobić.
8. Opublikuj wariant jako post „Tylko promowany” i oceń, jak wygląda po kompresji przez platformę.

Wskazówka: Trzymaj w zespole jeden telefon ustawiony na stałe w motywie czarnym i drugi w jasnym. Każda kreacja przed akceptacją przechodzi przez oba – to najprostszy sposób, by kontrola nie zależała od tego, kto akurat sprawdza reklamę.

Kiedy grafika przegrywa z wideo lub samym tekstem?

Grafika przegrywa, gdy produkt trzeba pokazać w ruchu lub w użyciu, a także wtedy, gdy na X lepiej sprawdza się zwykły post tekstowy, wyglądający jak naturalna wypowiedź. Wygrywa przy ofertach, cenach, porównaniach, infografikach i pojedynczych mocnych liczbach.

Wideo ma przewagę przy aplikacjach mobilnych, kosmetykach, w których liczy się konsystencja, sprzęcie wymagającym demonstracji i usługach opartych na efekcie „przed i po”. Jeśli rozważasz format pionowy, sprawdź specyfikację i zasady pierwszych sekund w poradniku o wideo pionowym na X.

Sam tekst bywa skuteczny w B2B, przy komentarzach do bieżących wydarzeń i w komunikacji eksperckiej. Jeśli obraz jest tylko ozdobnikiem, a cała wartość leży w zdaniu, przetestuj wariant bez grafiki. Jak pisać takie posty, pokazujemy w tekście o tekście reklamy na X.

Załóżmy, że firma szkoleniowa ma 1500 zł na test trzech wariantów tej samej oferty: grafikę 1:1 z ceną, krótkie wideo z fragmentem zajęć i post tekstowy z listą korzyści. To przykład modelowy, ale kryterium jest uniwersalne – porównujesz koszt zapisu, a nie liczbę polubień, i nie rozstrzygasz testu, zanim każdy wariant zbierze kilkaset kliknięć w link.

Najczęstsze błędy w grafikach na X i lista kontrolna

Najczęstszym błędem jest przenoszenie na X grafik zaprojektowanych pod inne platformy, zwłaszcza pionowych 4:5, bez zmiany układu. Drugi to sprawdzanie kreacji wyłącznie na monitorze, w jasnym motywie programu graficznego.

Lista kontrolna przed wysłaniem grafiki do kampanii:

• proporcja 1:1 lub 1,91:1, a dla karty aplikacji wyłącznie 1,91:1,
• plik PNG lub JPEG do 5 MB, szerokość co najmniej 1200 px, sRGB,
• brak przezroczystości i czarnych krawędzi zlewających się z tłem aplikacji,
• nagłówek min. ok. 64 px, tekst pomocniczy min. ok. 40 px, najwyżej 5–7 słów,
• kontrast tekstu co najmniej 4,5:1, dla dużych nagłówków 3:1,
• wolny dolny pas ok. 15% wysokości w grafikach do kart,
• treść w centralnym kadrze 1,91:1 przy plikach 16:9,
• podgląd sprawdzony na jasnym, granatowym i czarnym tle.

Jeśli masz bibliotekę kreacji przygotowanych pod pionowy feed, wykorzystaj ją jako bazę, ale przebuduj układ – inspiracje znajdziesz w zestawieniu układów grafiki reklamowej w formacie 4:5. Gotowe projekty oceniaj według jednej, powtarzalnej metody, opisanej w artykule o analizie kreacji reklamowych w 10 krokach.