Przewodnik po rozmiarach zdjęć na Facebooku | Nowy układ Facebooka

W połowie 2020 roku Facebook zaczął wprowadzać nowy układ pulpitu dla swojej witryny. Jest bardziej przejrzysty, ma więcej białych znaków i zbliża go do wersji mobilnej. Ale jest też całkiem inny. Więc to jest poprawiona wersja mojego nieoficjalnego przewodnika po rozmiarach zdjęć na Facebooku, aby uwzględnić najnowszy układ, który nazywają Nowy Facebook (stara wersja nazywa się Klasycznym Facebookiem) .1

Początkowo ta nowa układ jest aktualizacją wymagającą zgody i możesz wrócić do klasycznego układu Facebooka z nowego Facebooka. Ale ostatecznie zostanie udostępniony wszystkim. Jeśli nadal używasz starego układu (lub klasycznego Facebooka, jak go nazywają), możesz znaleźć poprzednią wersję przewodnika po rozmiarach Facebooka tutaj.

Podczas wdrażania niektórzy użytkownicy zobaczą Twoją stronę w nowym układzie i niektóre ze starym układem. Jeśli jednak przesyłasz nowe treści, prawdopodobnie lepiej jest zoptymalizować je pod kątem nowego układu.

Obrazy są ważną częścią korzystania z Facebooka, ale jeśli już na tej stronie bez wątpienia przekonałeś się, że ustalenie, jakich rozmiarów obrazów użyć na Facebooku, nie jest tak łatwe, jak mogłoby być. Wymaga pewnych sporów, aby uzyskać pożądane wyniki. Każdy rodzaj obrazu na strona, profil i oś czasu mają swój własny rozmiar i dziwactwa. A Facebook nigdy nie radził sobie dobrze z ułatwianiem wyszukiwania stron pomocy.

Utrzymywanie rzeczy jeszcze bardziej irytujących na Facebooku co jakiś czas coś zmienia, zwykle bez ostrzeżenia. Czasami jest to mała, stopniowa zmiana. Czasami jest to całkowita zmiana (na przykład kiedy wprowadzono osie czasu i ponownie, gdy zostały one zmienione z dwóch kolumn na jedną kolumnę). Jest to więc zawsze ruchomy cel. I zawsze wydaje się, że nowy system jest tuż za rogiem.

Niezależnie od tego, czy używasz stron na Facebooku do marketingu w mediach społecznościowych, czy po prostu próbujesz publikować zdjęcia dla przyjaciół i rodziny, oto moja wersja 2020 nieoficjalny przewodnik po rozmiarach zdjęć z Facebooka w różnych częściach witryny.

Jest to wstępna próba dekonstrukcji rozmiarów wyświetlaczy podczas wdrażania aktualizacji. Postaram się go zaktualizować, ponieważ niektóre specyfikacje staną się jaśniejsze. Jeśli zauważysz inny sposób wyświetlania, daj mi znać, abym mógł zbadać i zaktualizować w razie potrzeby.

Rozmiar zdjęcia w tle na Facebooka

Zalecenie: użyj obrazu o szerokości co najmniej 940 pikseli o wysokości 352 pikseli. Ale jeśli chcesz uzyskać lepszą jakość, użyj obrazu o wymiarach co najmniej 1800 pikseli na 704 pikseli.

Zdjęcie w tle na Facebooka to duże panoramiczne zdjęcie u góry osi czasu. Czasami jest też nazywany obrazem banera lub zdjęciem w nagłówku.

Jego wyświetlanie jest responsywne. Innymi słowy, rozmiar, w jakim jest wyświetlany, różni się w zależności od rozmiaru okna przeglądarki lub ekranu urządzenia. Możesz zobaczyć ten efekt, jeśli zmienisz rozmiar, jeśli okno przeglądarki podczas przeglądania strony.

W poprzednim układzie próba ustalenia, co będzie poprawnie wyświetlać się na zdjęciu w tle Facebooka, była nieco skomplikowana, ponieważ nie każda część obrazu byłaby wyświetlana we wszystkich rozmiarach. Na ekranie pulpitu zostały obcięte bezpieczne strefy i paski.

Nowa wersja uprościła sprawę. Cały obraz jest wyświetlany i zmienia rozmiar w znacznie prostszy sposób.

To powiedziawszy, jest kilka rzeczy, na które należy uważać.

Po pierwsze, wrócili do wąskiego na dole pasek ze stopniowanym cieniowaniem. To nakładka, co oznacza, że jest umieszczona w warstwie na górze obrazu. Więc nie będziesz chciał umieszczać żadnego ważnego tekstu ani szczegółów na tym dolnym pasku.

Po drugie, polega na pobraniu koloru zewnętrznych pikseli z obrazu i użyciu ich do utworzenia cieniowanej sekcji koloru na pustym sekcja za obrazem. Oto przykład tego, co mam na myśli, polegającego na pobieraniu czerwieni z zewnętrznej krawędzi obrazu i zastosowaniu jej do białej części z tyłu. (Wyciągnąłem tutaj zdjęcie profilowe, aby uprościć sprawę). Marki o określonej palecie kolorów będą chciały zwrócić szczególną uwagę na umieszczenie żądanych kolorów na samej krawędzi obrazu.

Po trzecie, dolne rogi są lekko zaokrąglone (lub promień graniczny, ze względów technicznych). Nie jest jednak zbyt agresywny, więc jest mało prawdopodobne, aby powodował problemy u wielu użytkowników.Ale jeśli używasz linii obrysu wokół obrazu lub innego szczegółowego kadrowania, może to powodować problemy. Jest stosowany automatycznie i nie ma sposobu, aby go wyłączyć.

Po czwarte, zdjęcie profilowe wróciło do nakładania zdjęcia na okładkę. Chociaż w tej wersji jest to tylko subtelne i tylko odrobina przesłania zdjęcie na okładkę.

Zmiana zdjęcia w tle na Facebooka

Jeśli właśnie założyłeś nowy profil lub stronę na Facebooku i nie masz jeszcze zdjęcia na okładkę, po prostu kliknij przycisk „Dodaj okładkę” u góry strony, do którego trafi zdjęcie na okładkę.

Po dodaniu zdjęcia możesz je zastąpić to łatwe. Kiedy jesteś zalogowany na swoje konto i przeglądasz swoją stronę, kliknij przycisk Edit w prawym dolnym rogu.

Kliknięcie otwiera listę -menu dolne, z którego możesz wybrać źródło nowego zdjęcia. Jest to również to samo menu, którego możesz użyć, jeśli chcesz usunąć lub zmienić położenie istniejącego zdjęcia lub użyć okładki wideo lub okładki pokazu slajdów.

Okładka Typy zdjęć: pojedyncze obrazy

Pod względem typów obrazów panoramy są idealne. Proste kadrowanie również się sprawdza, chociaż skuteczność będzie się oczywiście różnić w zależności od tego, jaki jest obraz. I nic nie stoi na przeszkodzie, aby złożyć mult Umieść zdjęcia w kolażu w oprogramowaniu do przetwarzania obrazu, zapisując je jako pojedynczy plik obrazu i przesyłając go. Na przykład:

Pokazy slajdów z okładki: wiele obrazów

Jeszcze do niedawna można było wybrać tylko jedno zdjęcie, które pełniło rolę statycznego zdjęcia na okładkę. Ale dodano nową funkcję: pokazy slajdów. Możesz teraz wybrać do 5 zdjęć, które będą się obracać. Dostęp do tej funkcji można uzyskać za pomocą tego samego menu, które umożliwia dodanie lub zmianę zdjęcia na okładkę (tj. Ikony aparatu w lewym górnym rogu sekcji ze zdjęciem na okładkę).

Podczas tworzenia pokazu slajdów otrzymujesz możliwość wybrania do 5 obrazów, które zostaną użyte. Użyj paska ujęć u góry, aby wybrać obrazy z istniejących obrazów lub przesłać nowe. Następnie możesz kliknąć miniaturę i zobaczyć, jak będzie wyglądać w większej przestrzeni poniżej miniatur. Możesz kliknąć i przeciągnąć tę sekcję, aby zmienić położenie obrazu w widoku.

Możesz także mieć wersję generowaną dynamicznie, która pozwala Facebookowi wybierać zdjęcia na podstawie tego, co działa dobrze i na podstawie aktywności na Twojej stronie . Możesz włączyć lub wyłączyć tę funkcję za pomocą przełącznika w prawym górnym rogu ekranu edycji pokazu slajdów.

Jeśli używasz okładki pokazu slajdów, Twoi goście mogą poruszać się po pokazie slajdów za pomocą strzałek po obu stronach (poprzedni układ miał wskaźniki pozycji na dole, ale zostały one usunięte w nowej wersji).

Jest kilka rzeczy, które wydają mi się dziwne w sposobie wyświetlania pokazów slajdów dla odwiedzających. Po pierwsze, pokaz slajdów nie przesuwa się automatycznie. Aby zobaczyć więcej niż jeden obraz w pokazie slajdów, odwiedzający będą musieli ręcznie przejść do przodu za pomocą przycisków strzałek z boku obrazu. Podejrzewam, że zrobi to tylko niewielki procent. Po drugie, jeśli wyłączysz opcję wybierania obrazów przez Facebooka, obrazy będą wyświetlane w tej samej kolejności za każdym razem, a nie losowo. Efektem obu tych rzeczy jest to, że – przynajmniej w obecnym sposobie implementacji – zdecydowana większość odwiedzających Twoją stronę prawdopodobnie zobaczy tylko pierwszy obraz. Trzecią osobliwością – przynajmniej dla mnie – jest uwzględnienie nowego, cieniowanego koloru podświetlenia w sekcji tła. Ponieważ pochodzi z wyświetlanego obrazu profilowego, zmienia się wraz z obrazem profilowym. Niekoniecznie jest to zła rzecz, ale warto o tym wiedzieć.

Filmy z okładką

Teraz możesz również używać plików wideo w obszarze banera. Muszą mieć od 20 do 90 sekund i mieć wymiary co najmniej 820 na 312 pikseli. Zalecany rozmiar to 820 na 462.

Jeśli kręcisz w tym celu klip wideo za pomocą aparatu, który umożliwia wybór rozdzielczości wideo, tryb 720p byłby dobrym miejscem do rozpoczęcia, ponieważ mierzy 1280 przez 720, który wygodnie ma wystarczającą rozdzielczość.

Mam bardziej szczegółowy przewodnik po okładkach filmów na Facebooku oddzielnie.

Zdjęcie profilowe na Facebooku

Mam bardziej szczegółowy post na temat rozmiaru zdjęcia profilowego na Facebooku oddzielnie, ale oto sedno.

Typ wyświetlania	Wymiary
Przeglądarka internetowa na komputer stacjonarny / laptop	132 piksele
Smartfony	128 pikseli
Telefony z funkcjami	36 pikseli

Zdjęcie profilowe na Facebooku teraz na dole po lewej stronie zdjęcia na okładkę, lekko zakrywając dolną część zdjęcia na okładkę. W porównaniu z poprzednimi wersjami została nieznacznie zmniejszona do koła o średnicy 132 pikseli.

Ma wokół siebie cienką białą linię, która jest nakładana automatycznie – nie można tego usunąć ani kontrolować.

Dobra wiadomość jest taka, że nie musisz przesyłać okólnika obraz, coś, co byłoby trudne do stworzenia. Zamiast tego możesz przesłać dowolny zwykły prostokątny lub kwadratowy obraz. Niezależnie od kształtu przesyłanego obrazu zostanie on przycięty do koła po wyświetleniu.

Rozmiary wyświetlania zdjęcia profilowego na Facebooku

Przeglądarka internetowa na komputerze stacjonarnym / laptopie. W zwykłym widoku strony, na przykład gdy ktoś przegląda Twój profil, jest on wyświetlany w przeglądarce internetowej na komputerze jako okrąg o średnicy 132 pikseli.

Telefony. Rozmiar zdjęcia profilowego wyświetlanego w telefonach komórkowych zależy od typu telefonu. Na nowoczesnych smartfonach wyświetla się jako okrąg o średnicy 128 pikseli. Na starszych telefonach wyświetla się z przekątną 36 pikseli.

Po wybraniu zdjęcia, aby dodać zdjęcie profilowe, pojawi się opcja przesunięcia obszaru ogniskowego (zakładając, że nie jest to kwadratowe), a także powiększanie i pomniejszanie (o ile przekracza minimalną rozdzielczość).

Zdjęcie profilowe, które pojawia się obok Twojego imienia i nazwiska w komentarzach i postach na osi czasu, jest tym samym obrazem i nadal jest okręgiem, ale jest automatycznie zmniejszane do średnicy 40 pikseli.

Wymagany rozmiar zdjęcia profilowego na Facebooku

Ponieważ jest wyświetlany tak mały, prawdopodobnie nie napotkasz problemu z rozmiarami obrazu. Tak długo, jak twój obraz ma co najmniej 132 piksele w swoim najkrótszym rozmiarze (który jest dość mały), powinieneś być gotowy.

Miniatury udostępnionych linków

Miniatury udostępnionych linków wyświetlać w przeglądarce internetowej o szerokości 500 pikseli i wysokości 261 pikseli.

Przez pewien czas można było wybrać inny obraz udostępnionego łącza, ale ta funkcja została usunięta. Przynajmniej na razie istnieje obejście, jeśli udostępniasz linki za pomocą usługi zarządzania mediami społecznościowymi, takiej jak Buffer, ale nie możesz już wybrać innego obrazu do użycia z poziomu Facebooka.

Jeśli udostępniasz linki ze swojej własnej witryny, możesz określić, którego obrazu chcesz użyć jako miniatury obrazu, ale jest to coś, co musisz skonfigurować w swojej witrynie i wykracza poza zakres tego postu. Ale jeśli szukasz warunków do Google w tym zakresie, próbujesz zrobić to ustawić właściwość „og: image” w metadanych Open Graph strony. Oto dokumentacja Facebooka, a jeśli używasz systemu CMS takiego jak WordPress dla Twojej witryny zawiera wtyczki, które poradzą sobie z tym za Ciebie.

Nadal możesz dodać więcej miniatur, które są oprócz oryginału (nie na miejscu). Kiedy idziesz, aby udostępnić link , użyj dolnej sekcji wyskakującego okienka, aby dodać więcej obrazów. Ale nie możesz już odznaczyć oryginalnego obrazu, tak jak kiedyś.

Zdjęcia na osi czasu

rozmiar i układ miniatur na osi czasu różni się w zależności od tego, ile zdjęć udostępniasz w tym samym poście, a także w zależności od orientacji poszczególnych obrazów.

Oto sposób wyświetlania różnych kombinacji. Wszystkie obrazy mają 1 piksel biały obrysować wokół krawędzi.

Pojedyncze zdjęcie na osi czasu

Po przesłaniu obrazu na oś czasu automatycznie generowana jest miniatura dopasowana do pudełko o szerokości 500 pikseli i wysokości do 750 pikseli. Jeśli więc chcesz wykorzystać maksymalną dostępną przestrzeń, prześlij obraz w orientacji pionowej (pionowej), czyli w stosunku 3: 2. Oto przykład wykorzystania maksymalnej dostępnej przestrzeni:

Jeśli prześlesz obraz poziomy (poziomy), zostanie on przeskalowany do szerokości 500 pikseli i zachowa swój kształt. Cały obszar obrazu jest wyświetlany bez żadnego przycięcia.

To kolejny prostokąt w orientacji poziomej, ale ma znacznie węższy współczynnik proporcji, jak baner lub panorama. Szerokość ponownie wynosi 500 pikseli, a obraz jest skalowany tak, że pojawia się cały obszar obrazu.

Jeśli prześlesz ten sam obraz obrócony o 90 stopni, tak aby był raczej wysoki niż szeroki, zostanie przycięty do maksimum dostępny obszar 500px na 750px.

A jeśli prześlesz kwadrat, cały obraz zostanie wyświetlony o szerokości 500px.

Publikowanie wielu obrazów naraz na osi czasu strony

Możesz przesłać wiele zdjęć jednocześnie na oś czasu. Sposób ich wyświetlania zależy od liczby przesyłanych obrazów i orientacji tego, co nazywam obrazem głównym.

Obraz główny to ten, który nazywam, ten, który wyświetla się jako pierwszy podczas przesyłania wyskakujące okienko, a także wyświetla się większe w niektórych układach. O ile wiem, nie ma oficjalnej nazwy, ale zamierzam użyć terminu „obraz podstawowy”. Dlatego właśnie o tym mówię w poniższej sekcji.

Oprócz wyświetlania jako pierwszego, główny obraz pełni inną ważną rolę. Decyduje o układzie, jaki otrzymujesz. Jeśli prześlesz 3 obrazy z kwadratowym obraz otrzymasz inny układ niż w przypadku przesłania trzech obrazów z prostokątnym obrazem głównym.

Najłatwiejszym sposobem wybrania obrazu, który ma służyć jako obraz główny, jest przeciągnięcie go w lewo w oknie dialogowym przesyłania.

Oto przykład tego, co mam na myśli. W tym przesyłam dwa obrazy, pomarańczowy kwadrat i zielony pionowy prostokąt. Jeśli pomarańczowy kwadrat znajduje się na pierwszej pozycji w oknie dialogowym przesyłania, na przykład:

publikuje w ten sposób:

Przesyłanie dokładnie tych samych dwóch obrazów, ale ich odwracanie, tak aby pion prostokąt jest pierwszy, w ten sposób:

wyświetla się w ten sposób:

Ta sama zasada ma zastosowanie, jeśli przesyłasz dwa, trzy lub cztery obrazy – układ zawsze będzie uwzględniał obraz podstawowy.

2 obrazy z obrazem głównym poziomym (poziomym)

Pełna szerokość to 500 pikseli. Górny obraz ma wysokość 250 pikseli; dół ma wysokość 249 pikseli. Między nimi znajduje się biała linia o wielkości 2 pikseli.

2 obrazy z pionowym (portret) obraz główny

2 obrazy z kwadratowym obrazem głównym

3 obrazy z poziomym (poziomym) ) Obraz główny

Ponieważ układ czerpie wskazówki z obrazu głównego, możesz mieszać i dopasowywać orientacje obrazów innych niż główne – będą one nadal wyświetlane tak samo.

3 obrazy z pionowym (pionowym) głównym obrazem

3 obrazy z kwadratowym obrazem głównym

4 obrazy z poziomym (poziomym) głównym obrazem

Możesz mieszać i dopasować orientacje obrazów innych niż główne – nadal będą wyświetlane tak samo.

4 obrazy z pionowym (portretowym) obrazem głównym

4 obrazy z kwadratowym obrazem głównym

5 lub więcej obrazów z poziomym (portretowym) obrazem podstawowym

Pierwsze pięć obrazów zostanie wyświetlonych w rodzaju mozaiki, takiej jak ta. Jeśli dołączysz więcej niż pięć obrazów, otrzymasz małą nakładkę na przycisk oraz symbol, aby wyświetlić pozostałe.

5 lub więcej obrazów z kwadratowym lub pionowym (pionowym) obrazem głównym

Otrzymasz ten sam ekran, niezależnie od tego, czy obraz główny jest kwadratowy, czy pionowy.

Zdjęcia o pełnej szerokości na osi czasu Facebooka

Tak, były fajne. Obraz obejmował obie kolumny. Ale Facebook wyeliminował je w połowie 2014 roku podczas przeprojektowania. Twoje aktualizacje są teraz wyświetlane tylko w jednej kolumnie i nie ma możliwości, aby zdjęcia były szersze niż ta kolumna.

Obrazy w nagłówkach wydarzeń

Bez względu na to, jaki obraz kształtu prześlesz jako obraz nagłówka w przypadku wpisu w wydarzeniu zostanie przycięty do proporcji 16: 9. Aby uzyskać najlepsze wyniki, prześlij obraz o wymiarach 1920 na 1080 pikseli. Należy jednak zwrócić uwagę na to, że w głównym widoku wydarzenia jest on znacznie zmniejszony, więc nie używaj czcionek, które są zbyt małe (ludzie mogą kliknąć obraz, aby otworzyć większą wersję, ale nie wszyscy to zrobią to).

Kiedy jest wyświetlany na stronie głównej wydarzenia, jest skalowany do 500 na 262 pikseli, na przykład:

Problemy z jakością obrazu na Facebooku

Coś, co należy zdaje sobie sprawę z tego, że Facebook dość agresywnie kompresuje niektóre obrazy podczas ich przesyłania i wyświetlania.

Ma to sens – naturalnie chcą przyspieszyć ładowanie stron i zmniejszyć przepustowość, stosując taką kompresję, jak to tylko możliwe . Nie tylko ja żałuję, że kompresja jest mniej agresywna, ale to, jak będzie ona zauważalna, będzie zależało od tego, czy takie rzeczy jak zakres kolorów na zdjęciu i ilość szczegółów na zdjęciu.

W powyższych przykładach kompresja JPG jest znacznie bardziej zauważalna w wersji montażowej niż w wersji z Sydney Harbour Bridge. Ustawiam jakość i ustawienia wyostrzania takie same dla każdego z oryginałów przed ich przesłaniem. Niektórzy użytkownicy zgłaszali, że obrazy z dużą ilością czerwieni i pomarańczy wydają się bardziej pokazywać efekty kompresji niż te z niebieskimi i zielonymi, ale to zależy od rzeczywistego obrazu.

Wydaje się, że zależy to również od tego, co rodzaj wyświetlanego obrazu. Wydaje się, że obrazy z galerii zdjęć mają mniejszą kompresję podczas wyświetlania niż elementy projektu, takie jak zdjęcie na okładkę i zdjęcie profilowe.

Jest kilka rzeczy, które możesz zrobić przygotowując obrazy przed przesłaniem, które mogą pomóc zmniejszyć ryzyko, że Twój obraz będzie wyglądał kiepsko.

Prześlij obrazy o rozmiarze pliku do 99 KB. Facebook powinien pozostawiać obrazy mniej niż te nietknięte, co daje Ci kontrolę nad sposobem kompresji.

Przesyłaj obrazy, które nie mają już zastosowanej dużej kompresji. Na przykład w przypadku plików JPG spróbuj utrzymać ustawienie jakości na 80 lub więcej – i tak Facebook ponownie skompresuje. Jeśli używasz oprogramowania uwzględniającego przestrzeń kolorów (np. Lightroom lub Photoshop), użyj przestrzeni kolorów sRGB. Wydaje się, że przesyłanie obrazów, które są już przeskalowane, aby zbliżyć się do docelowego rozmiaru ekranu lub nie były nadmiernie wyostrzone, działa dobrze.

Jeśli żadna z tych czynności nie zadziała, spójrz na mój post o tym, jak uzyskać ostry tekst na obrazach z Facebooka.

Uzyskujesz rozmyty tekst, logo lub znaki wodne na obrazach?

Jeśli dołączasz tekst, logo lub znak wodny i stwierdzisz, że jest on niewyraźny i niejasny z powodu artefaktów JPG, mam osobny post opisujący, jak to naprawić: Jak uzyskać ostry tekst na zdjęciach na Facebooku.

Metadane obrazu na Facebooku

Chociaż nie jest to bezpośrednio związane z rozmiarami obrazów, warto wiedzieć, że Facebook usuwa wszystkie metadane z twoich obrazów. Obejmuje to wszystkie dane GPS, typ aparatu i inne dane, które może osadzić Twój aparat, a także wszelkie dodane słowa kluczowe lub informacje o prawach autorskich. (Wyjątkiem są Niemcy).

Ściągawka ze zdjęć na Facebooku

	Szerokość	Wysokość	Notatki
Zdjęcie na okładkę / pokaz slajdów na okładkę	820px	360px
Zdjęcie profilowe w nagłówku	172px	172px	Musi mieć co najmniej 180 na 180 pikseli
Zdjęcie profilowe na osi czasu	40px	40px	To samo zdjęcie co główne zdjęcie profilowe, automatycznie zmniejszane
Wspólna miniatura linku	500px	261px	Tylko dla pojedynczych miniatur. Wiele miniatur jest przyciętych.
Przesłana miniatura zdjęcia na osi czasu	maks. 500 pikseli	maks. 750 pikseli	Zobacz wyjątki powyżej dla wielu obrazów.
Obraz nagłówka zdarzenia	500px	262px	Współczynnik proporcji 16: 9 tylko. Aby uzyskać najlepsze wyniki, prześlij obraz 1920 x 1080 pikseli.