Grafika w tle strony na Facebooku może wyglądać świetnie na komputerze, a po otwarciu telefonu nagle tracić logo, hasło albo najważniejszy fragment zdjęcia. Dlatego liczy się nie tylko sam rozmiar pliku, lecz także sposób kadrowania, bezpieczne miejsce na tekst i format zapisu. Poniżej wyjaśniam, jakie wymiary banera na Facebooka wybrać, czym różni się grafika strony od okładki grupy lub wydarzenia i jak przygotować projekt, żeby po publikacji nadal był czytelny.
Najważniejsze informacje o rozmiarze grafiki na Facebooku
- 851 × 315 px to oficjalny rozmiar, który Facebook wskazuje jako szybko wczytujący się dla zdjęcia w tle strony.
- Minimalny rozmiar grafiki to 400 × 150 px, ale tak mały plik często wygląda miękko i nieczytelnie.
- Facebook stosuje inne kadrowanie na komputerze i telefonie, dlatego najważniejsze elementy trzymaj w centralnej części projektu.
- Dla zdjęć najlepiej sprawdza się JPG w przestrzeni sRGB, a dla grafik z tekstem lub logo często lepszy będzie PNG.
- Okładka strony, grupy i wydarzenia to różne formaty. Jeden plik nie zawsze będzie pasował do każdego miejsca.
Jakie wymiary powinien mieć baner na FB
W przypadku zdjęcia w tle strony firmowej najbezpieczniejszym punktem wyjścia jest 851 × 315 pikseli. Facebook podaje ten rozmiar jako wariant, który szybko się ładuje, jeśli plik jest zapisany jako sRGB JPG i ma niewielką wagę. To właśnie ten wymiar najczęściej mam na myśli, gdy przygotowuję podstawowy baner dla marki.
Minimalny akceptowany rozmiar to 400 × 150 pikseli, ale traktowałbym go wyłącznie jako granicę techniczną. Taki plik może zostać powiększony przez serwis, a wtedy pojawia się rozmycie, szczególnie na monitorach o wysokiej rozdzielczości. Do profesjonalnego projektu lepiej przygotować grafikę w proporcji odpowiadającej formatowi docelowemu i sprawdzić ją w podglądzie Facebooka.
| Rodzaj grafiki | Praktyczny rozmiar | Najważniejsza uwaga |
|---|---|---|
| Zdjęcie w tle strony | 851 × 315 px | Najczęściej stosowany format dla firmowej strony na Facebooku. |
| Minimalny rozmiar okładki | 400 × 150 px | Plik może zostać przyjęty, ale często będzie wyglądał słabo. |
| Zdjęcie profilowe strony | 320 × 320 px | Grafika jest wyświetlana w kształcie koła. |
| Okładka grupy | 1640 × 856 px | To praktyczny format roboczy, różniący się od okładki strony. |
| Okładka wydarzenia | 1200 × 628 px | Warto sprawdzić podgląd wydarzenia przed publikacją. |
Często spotykam też wymiar 820 × 312 pikseli. Nie jest to błąd, ponieważ liczba ta odnosi się do obszaru wyświetlanego w niektórych widokach, a niekoniecznie do pliku przygotowywanego do przesłania. Gdy projektuję nową grafikę, korzystam z wymiaru 851 × 315 px albo tworzę większy plik w tych samych proporcjach, a później kontroluję efekt po wgraniu.
Dlaczego ten sam baner wygląda inaczej na komputerze i telefonie
Facebook nie pokazuje zdjęcia w tle zawsze w identycznym prostokącie. Na komputerze stosuje szeroki kadr, a na telefonie proporcje i położenie obrazu mogą się zmienić. W praktyce oznacza to, że górna i dolna część projektu może zostać przycięta, nawet jeśli plik ma poprawne wymiary.
Nie umieszczaj więc hasła reklamowego przy samej krawędzi. Najważniejsze elementy, takie jak logo, nazwa firmy, adres strony czy wezwanie do działania, umieść w środkowej części grafiki i zostaw im bezpieczny margines. Ja zwykle przyjmuję, że kluczowa treść powinna zajmować najwyżej 60-70% szerokości projektu, zamiast rozciągać się od brzegu do brzegu.
Uważaj na lewy dolny róg
Zdjęcie profilowe częściowo nachodzi na obszar okładki, szczególnie w widokach mobilnych. Lewy dolny róg nie jest więc dobrym miejscem na logo, cenę ani nazwę promocji. Jeśli ten fragment musi pozostać ważny, przetestuj go osobno na komputerze i smartfonie.
Najprostsza zasada brzmi: ważne informacje trzymaj bliżej środka, a krawędzie zostaw na tło, zdjęcie produktu, dekorację albo jednolity kolor. To rozwiązanie daje większy margines bezpieczeństwa, gdy Facebook zmieni sposób wyświetlania profilu.
Nie każda facebookowa okładka ma ten sam rozmiar
Okładka strony firmowej, profilu osobistego, grupy i wydarzenia pełni podobną funkcję, ale każda z nich może być kadrowana inaczej. To jeden z powodów, dla których gotowy baner czasami wygląda dobrze na stronie, a po użyciu go w grupie traci proporcje.
Strona firmowa
Dla strony marki, sklepu lub organizacji zacząłbym od 851 × 315 px. W tym miejscu warto pokazać charakter firmy, aktualną kampanię albo główną kategorię oferty, ale nie próbować umieszczać całej ulotki. Baner jest przede wszystkim elementem identyfikacji wizualnej, a nie miejscem na kilkanaście szczegółowych informacji.
Profil osobisty
Profil osobisty może korzystać z podobnego formatu, jednak sposób wyświetlania zależy od aktualnego układu Facebooka i urządzenia. Dlatego przygotowanie projektu w proporcji 851 × 315 px jest rozsądnym punktem startu, ale przed publikacją trzeba sprawdzić podgląd. W przypadku zdjęcia rodzinnego lub prywatnej fotografii bezpieczniej umieścić główną postać bliżej środka niż przy krawędzi.
Grupa i wydarzenie
Okładka grupy jest zwykle wyższa, dlatego dobrze nadają się do niej zdjęcia zespołu, społeczności lub szerszej sceny. Wydarzenie potrzebuje z kolei grafiki, która szybko komunikuje co, gdzie i kiedy się odbędzie. Nie kopiowałbym bezpośrednio banera strony, ponieważ tekst może zostać przycięty albo stać się zbyt mały.
Osobnego podejścia wymagają reklamy. Baner w tle profilu nie jest tym samym co kreacja reklamowa do Aktualności, relacji czy rolek. Reklamę przygotowuje się pod konkretne umiejscowienie, cel kampanii i proporcje ekranu, dlatego nie warto zakładać, że jeden plik będzie równie dobry w każdym miejscu.
Jak przygotować plik, żeby Facebook nie pogorszył jego jakości
Sam wymiar to dopiero połowa pracy. Facebook przetwarza przesłane zdjęcia, więc niewłaściwy format, zbyt mocna kompresja albo nieprawidłowa przestrzeń kolorów mogą sprawić, że grafika po publikacji będzie bledsza i mniej ostra.
- JPG wybierz do fotografii i banerów z dużą liczbą przejść tonalnych.
- PNG sprawdzi się przy logo, prostych kształtach i tekście na jednolitym tle.
- Pracuj w przestrzeni kolorów sRGB, ponieważ jest standardem dla publikacji internetowych.
- Nie zmniejszaj jakości JPG do minimum tylko po to, aby uzyskać mały plik. Czytelność napisu jest ważniejsza niż kilka kilobajtów.
- Przed eksportem sprawdź, czy tekst nie znajduje się przy krawędzi i czy logo nie wpada pod zdjęcie profilowe.
Facebook wskazuje, że sRGB JPG o wymiarach 851 × 315 px i wadze poniżej 100 KB może ładować się szybciej. Nie traktuję jednak tej wartości jako sztywnego celu dla każdego projektu. Przy zdjęciu z drobnymi szczegółami zbyt agresywna kompresja pogorszy efekt bardziej, niż poprawi szybkość ładowania.
Przeczytaj również: Trendy na TikToku, które warto wykorzystać w marce
Tekst na banerze powinien być krótki
Najlepiej działają hasła, które można przeczytać w sekundę lub dwie. Zamiast wpisywać pełną ofertę, użyj krótkiego komunikatu, na przykład „Projektujemy strony dla małych firm” albo „Premiera kolekcji jesiennej”. Szczegóły przenieś do opisu strony, przypiętego posta lub reklamy.
W swoich projektach zawsze robię szybki test pomniejszenia grafiki. Jeśli po zmniejszeniu do szerokości około 300 pikseli nadal wiadomo, kto jest nadawcą i jaki jest główny komunikat, projekt ma dobrą hierarchię. Jeżeli wszystko zaczyna się zlewać, problemem zwykle nie są wymiary, lecz zbyt duża ilość treści.
Prosty sposób na sprawdzenie banera przed publikacją
Przed wgraniem gotowej grafiki przechodzę przez krótką kontrolę. Nie zajmuje więcej niż kilka minut, a pozwala uniknąć sytuacji, w której ważne hasło znika dopiero po opublikowaniu.
- Sprawdzam, czy plik ma proporcje odpowiadające wybranemu typowi okładki.
- Oglądam projekt na pełnym ekranie i w pomniejszeniu.
- Przesuwam wszystkie ważne elementy z dala od krawędzi.
- Wgrywam grafikę do Facebooka i korzystam z dostępnego podglądu.
- Sprawdzam stronę zarówno na komputerze, jak i na telefonie.
Jeżeli baner ma promować czasową akcję, dodaję też datę zakończenia albo ustawiam sobie przypomnienie o wymianie grafiki. Nieaktualna promocja w tle strony wygląda nieprofesjonalnie, nawet jeśli sam projekt jest estetyczny.
Dobry baner zaczyna się od bezpiecznego kadru
Najkrótsza odpowiedź jest prosta: dla zdjęcia w tle strony Facebooka wybierz 851 × 315 pikseli, zadbaj o sRGB i nie umieszczaj ważnych treści przy krawędziach. Przy grupach i wydarzeniach użyj osobnych proporcji, ponieważ ich układ może znacząco różnić się od firmowej strony.
Sam rozmiar nie uratuje chaotycznego projektu. Największą różnicę robi czytelny komunikat, mocny punkt wizualny i sprawdzenie grafiki na dwóch ekranach. Taki test zajmuje chwilę, a zwykle decyduje o tym, czy baner wygląda profesjonalnie także po publikacji.
