Dla wielu firm, Facebook jest podstawowym narzędziem, dzięki któremu łączą się ze swoimi klientami. Dla niektórych jest to jedyne narzędzie. Tak więc, nie powinno być zaskoczeniem, że wygląd strony Twojej firmy na Facebooku może mieć ogromny wpływ na to, jak poważnie ludzie traktują swoją firmę. Trochę wysiłku z góry i opieki może oznaczać dużo pieniędzy w dół drogi. W tym artykule, będziemy dzielić niektóre z sztuczek używamy do tworzenia idealnego obrazu okładki Facebook za każdym razem.
Po pierwsze, podczas tworzenia obrazu okładki Facebook dla strony biznesowej, możesz chcieć zawrzeć logo, grafiki, lub słowa do komunikowania się wiadomość. Chociaż można utworzyć obraz okładki za pomocą aplikacji Facebook iOS lub Android, będziesz miał łatwiejszy czas przy użyciu komputera stacjonarnego lub laptopa.
Jakieś tło
Plates jest fikcyjna restauracja. Jak każdy lokalny biznes, mają stronę na Facebooku. I, jak każda firma posiadająca stronę na Facebooku, klienci odwiedzają ich stronę używając komputerów stacjonarnych, laptopów i telefonów komórkowych.
To jest obrazek okładki Plates na Facebooku. Jest zepsuty. Później zobaczysz, jak to zrobić.
Wskazówki dotyczące zdjęć okładkowych na Facebooku
Facebook udostępnia wytyczne dla użytkowników, którzy chcą dodać zdjęcia okładkowe do swoich stron. Wytyczne są takie same dla stron biznesowych i osobistych.
Zdjęcie okładki Twojej strony:
Wyświetla się w rozmiarze 820 pikseli szerokości na 312 pikseli wysokości na Twojej stronie na komputerach i 640 pikseli szerokości na 360 pikseli wysokości na smartfonach.
Musi mieć co najmniej 400 pikseli szerokości i 150 pikseli wysokości.
Najszybciej ładuje się jako plik JPG sRGB, który ma 851 pikseli szerokości, 315 pikseli wysokości i mniej niż 100 kilobajtów.
Wytyczne mogą być mylące. Jest kilka rzeczy, które musisz wiedzieć, zanim zaczniesz pracę tworząc swoje zdjęcie lub grafikę na okładkę Facebooka. Tutaj, te same wytyczne są pokazane nieco inaczej:
- 851px szerokość x 315px wysokość: zalecany rozmiar dla komputerów stacjonarnych
- 820px szerokość x 312px wysokość: wyświetlanie na komputerach stacjonarnych
- 640px szerokość x 360px wysokość: wyświetlanie na smartfonach
- 400px szerokość x 150px wysokość: minimalny rozmiar cover image
Refiniowanie wytycznych Facebooka
Potrzebujesz tylko dwóch z czterech zaleceń Facebooka. Spełniając te dwa, faktycznie spełniasz wszystkie cztery warunki jako produkt uboczny swojej pracy. To są te dwa, które zachowujesz:
- 851px szerokość x 315px wysokość: zalecany rozmiar dla desktopu
- 640px szerokość x 360px wysokość: wyświetlanie na smartfonach
Patrząc na wymiary okładki, które zachowujesz, zauważysz, że wysokość desktopu wynosi 315px, a wysokość mobilna 360px. Ta sama okładka na Facebooku musi być używana na desktopie i mobile, co oznacza, że minimalna wysokość musi wynosić 360px. Z tego powodu, rozmiar okładki Facebooka, którego potrzebujesz jest teraz następujący:
- 851px szerokość x 360px wysokość: minimalny rozmiar wyświetlania dla komputerów stacjonarnych i urządzeń mobilnych
Teraz, masz rozmiar okładki Facebooka, który jest zbyt wysoki dla komputerów stacjonarnych i zbyt szeroki dla urządzeń mobilnych. To nie powinno być to, co chcesz, ale to jest dokładnie to, co chcesz. Nieco później, dlaczego to prawda zostanie wyjaśnione.
Powinieneś dokonać jeszcze jednej zmiany rozmiaru okładki na Facebooku. Wysokiej rozdzielczości ekrany komputerów stacjonarnych i laptopów stają się coraz bardziej popularne. Zalecenia Facebooka dotyczące rozmiaru obrazu już uwzględniają wyświetlacze mobilne o wysokiej rozdzielczości. Jednakże, to samo nie jest prawdziwe dla komputerów stacjonarnych i laptopów. Jeśli chcesz, aby Twój obraz okładki Facebooka wyglądał ostro na dużych wyświetlaczach, musisz podwoić rozmiar obrazu:
- 1,702px szerokości x 720px wysokości: idealny rozmiar wyświetlania dla komputerów stacjonarnych i komórkowych
Powyżej masz swoje ostateczne wymiary płótna. Twój obraz okładki na Facebooku będzie zgodny z tymi wymiarami.
Unikanie niektórych powszechnych pułapek
Teraz, gdy znasz swoje wymiary okładki na Facebooku, możesz zacząć projektować swój obraz okładki. Osoba odwiedzająca Twoją stronę zobaczy część lub całość obrazu okładki, w zależności od tego, czy odwiedza ją z dużego ekranu (komputera stacjonarnego lub laptopa), czy z urządzenia mobilnego.
Odwiedzający duży ekran zobaczą cały obraz okładki. Użytkownicy mobilni zobaczą tylko jasnoniebieski obszar. Facebook odetnie boki.
Przeglądanie zepsutej okładki Plates na Facebooku
Wcześniej widziałeś zepsutą okładkę Plates na Facebooku. Wygląda on dobrze na laptopach i komputerach stacjonarnych.
Strona Plates na Facebooku wygląda znacznie inaczej na urządzeniach mobilnych. Poniżej to, co klienci widzą na swoich telefonach komórkowych. Brakuje dużego fragmentu logo, a tekst jest nieczytelny.
Gdy umieścisz obraz okładki Plates na Facebooku na górze wymiarów zidentyfikowanych wcześniej, łatwo jest zobaczyć, co się stało. Facebook wyświetla tylko środek obrazu jako okładkę na urządzeniach mobilnych. Reszta jest przycinana z widoku i jest utraconą informacją.
Tworzenie szablonu okładki Facebooka
Aby zaprojektować swój obraz okładki Facebooka, użyjesz wymiarów, które podaliśmy wcześniej.
- Narysuj pole o szerokości 1 702 pikseli i wysokości 720 pikseli
- Korzystając z innego koloru, narysuj kolejne pole o szerokości 1 280 pikseli i wysokości 720 pikseli
- Wyśrodkuj mniejsze pole na większym
Powinieneś mieć coś, co wygląda jak poniższy szablon. Dodaliśmy kilka poziomych i pionowych linii jako pomocników kompozycji, aby pokazać Zasadę Trzech Rzędów. Linie pionowe nie są dokładnie ustawione, ponieważ obrazy na dużym i małym ekranie Facebooka mają inne proporcje. Są one jednak blisko, a boki pogrubionych symboli plusa pokazują różnicę między nimi. Zorganizuj swoją zawartość wokół symboli plusa, a powinieneś skończyć z czymś, co jest przyjemne dla większości oczu.
Projektowanie obrazu okładki Facebooka
Teraz wybierz obraz, który lubisz, i umieść go na górze dwóch pól, które utworzyłeś. Spraw, aby obraz był w większości przezroczysty, aby można było zobaczyć pola pod nim. Poprawisz to później. Powinieneś zobaczyć coś takiego:
Jasnoniebieski obszar będzie widoczny na pulpicie i telefonie komórkowym. Ciemnoniebieski obszar będzie widoczny tylko na komputerach stacjonarnych i laptopach. Po umieszczeniu obrazu w pożądany sposób, dodaj dowolny tekst lub grafikę.
Usuń przezroczystość z obrazu. W tym momencie nie powinieneś w ogóle widzieć pól tła, które zrobiłeś. W rzeczywistości, powinieneś widzieć swój obraz okładki Facebooka dokładnie tak, jak zobaczą go odwiedzający Twoją stronę podczas wizyty z komputera stacjonarnego lub laptopa.
Wykonałeś całą ciężką pracę. Prześlij gotowy obraz do Facebooka i ustaw go jako obrazek na okładkę. Następnie, odwiedź swoją stronę na Facebooku z urządzenia mobilnego. Powinna ona wyglądać tak:
Udało Ci się!
Mamy nadzieję, że ten przewodnik był pomocny. Jeśli tak było, daj nam znać. Udostępniliśmy nasz szablon zdjęcia okładki Facebooka za darmo do pobrania w kilku formatach.
- Pobierz szablon jako plik Sketch
- Pobierz szablon jako JPG 1,702px x 720px
.
Dodaj komentarz