Képek, videók és vizuális elemek a Facebookon

A Facebook vizuális tartalma azon múlik, amit a legtöbb márka gondolkodás nélkül dönt el. Méretek, tervezési elvek és formátumok az elérésért.

Piszkozat

A Facebook vizuális tartalma két-háromszor több interakciót hoz, mint a csak szöveges poszt, de ez az előny csak akkor jön ki, ha a vizuális elemeket a platformra építed. Egy kép, amely asztali képernyőn csiszoltnak látszik, mobil hírfolyamban levágottnak, homályosnak vagy zsúfoltnak tűnhet. Egy videó, amely egy másik platformon jól teljesít, a Facebookon alulteljesíthet, mert nem a Facebook terjesztéséhez és megjelenítéséhez formáztad. A Facebook vizuális tartalmat jól csinálni kevésbé a tervezői tehetségről szól, inkább arról, hogy érted annak a környezetnek a konkrét korlátait, ahol a tartalmat ténylegesen látni fogják.

Ez a cikk bemutatja a fontos kép- és videóspecifikációkat, az interakcióra váltható tervezési elveket, és azokat a formátumdöntéseket, amelyek befolyásolják, milyen messzire jut el a tartalom.

Miért fontosabbak a Facebook vizuális specifikációk, mint gondolnád

A felhasználók többsége mobilon van

A Facebook-felhasználók több mint 85 százaléka mobil eszközön éri el a platformot, vagyis a márka minden vizuális eleme elsősorban egy kis képernyőn jelenik meg, valakinek a kezében. Az 1200 x 628 pixelesre tervezett kép egy 6 colos telefonképernyőn egészen másképp néz ki, mint abban a tervezőszoftverben, ahol készült. Az asztali méretben olvashatónak tűnő szöveg mobilméretben olvashatatlanná válhat. A nagy monitoron tisztának látszó háttér összezsúfolva zsúfoltnak hathat. A mobilra tervezés először, majd az asztali nézet ellenőrzése jobb eredményt ad, mint fordítva.

A Facebook automatikusan vágja a képeket

A Facebook attól függően alkalmaz automatikus vágást a képekre, hogy hol jelennek meg: a hírfolyamban, az oldalon, az előnézetekben vagy a hirdetésekben. Az a kép, amelyet nem a megfelelő méretre készítettél arra a helyre, ahová kerül, olyan módon lesz levágva, amelyet a márka nem szánt: levágja az arcokat, eltávolítja a fontos szöveget, vagy vizuálisan kiegyensúlyozatlanul hagyja a képet. Ha érted, melyik méret melyik elhelyezéshez tartozik, megelőzheted a leggyakoribb vizuális problémákat, amelyek többsége láthatatlan a márka számára, de azonnal szembetűnő annak, aki a hírfolyamában nézi a posztot.

Képspecifikációk elhelyezés szerint

Hírfolyam-posztok

Az 1080 x 1080 pixeles négyzetes képek a legmegbízhatóbb formátum a Facebook hírfolyam-posztokhoz, mert mobilon és asztali gépen is következetesen, jelentős vágás nélkül jelennek meg. Az 1200 x 628 pixeles fekvő képek jól működnek linkelőnézetekhez és olyan posztokhoz, ahol a vízszintes kompozíció értelmes. Az 1080 x 1350 pixeles álló képek több függőleges helyet foglalnak el a hírfolyamban, ami általában növeli a megtekintési időt, mert a felhasználók megállnak egy magasabb kép mellett görgetés közben. Bármely hírfolyamképnél a 8 megabájt alatti fájlméret és a JPEG vagy PNG formátum gyors betöltést biztosít minőségromlás nélkül.

Borítóképek és profilképek

Az oldal borítóképe asztali gépen 820 x 312 pixelen, mobilon 640 x 360 pixelen jelenik meg, mobilon felül és alul automatikus vágással. A borítóképen minden szöveget és kulcsfontosságú vizuális elemet vízszintesen és függőlegesen is középre kell tenni, és nagyjából 80 pixeles biztonsági zónát kell szabadon hagyni felül és alul, hogy kisebb képernyőn ne vágódjon le. A profilkép asztali gépen körként, 170 x 170 pixelen jelenik meg, vagyis a finom részletekkel vagy szöveggel bíró logók ekkora méretben olvashatatlanná válhatnak. A logó egyszerűsített változata, vagy a logó ikonja szövegmárka nélkül, általában jobban megállja a helyét profilképként.

Story és Reels

A Story és a Reels álló, 9:16 képarányt használ, 1080 x 1920 pixelen. Ez a teljes képernyős álló formátum teljes egészében a mobilnézetre épül, és a fekvő vagy négyzetes formátumban készült tartalom fekete sávokkal, üres hellyel jelenik meg fent és lent, ami szakszerűtlennek látszik, és csökkenti a tartalom vizuális hatását. A Story vagy Reels minden szövegét és kulcsfontosságú vizuális elemét a középső biztonsági zónában kell tartani, a kép felső és alsó 15 százalékától távol, ahol a Facebook felületi elemeket, például a profilnevet, a lájkgombokat és a feliratokat helyezi.

Videóspecifikációk és mit jelentenek a gyakorlatban

Formátum és felbontás

A Facebook sokféle videóformátumot támogat, de a H.264 tömörítéssel kódolt MP4 és MOV fájlok adják a legjobb minőség-fájlméret arányt a platformra való feltöltéshez. Az 1080p felbontás, vagyis fekvő videónál 1920 x 1080, álló videónál 1080 x 1920 pixel, az a szabvány, amely a legtöbb mobilképernyőn élesen jelenik meg. Az alacsonyabb felbontás gyorsabban tölt fel, de az újabb telefonképernyőkön homályosnak vagy pixelesnek tűnhet. A hang legyen sztereó, legalább 128 kilobit/másodperc, mert a Facebook alapértelmezetten hang nélkül játssza le automatikusan a videót, és sokan hang nélkül nézik, de a hangminőség számít, amikor bekapcsolják.

Hossz és végignézési arány

A Reelsnél a kilencven másodperc alatti videók teljesítenek a legjobban a végignézési arány szempontjából, a végignézési arány pedig az egyik jel, amellyel az algoritmus az elérést meghatározza. A hagyományos hírfolyamvideóknál az egy-három perc használható tartomány oktató vagy bemutató tartalomhoz, azzal a tudattal, hogy a nézők többsége nem nézi végig. Az első három másodperc dönti el, hogy a nézők többsége egyáltalán tovább néz-e. Az a videó, amely címkártyával, logóval vagy lassan mozgó bevezető felvétellel indul, a lehetséges közönsége jelentős részét elveszíti, mielőtt a tényleges tartalom elkezdődik. A vizuálisan vagy tartalmilag legmeggyőzőbb pillanattal kezdeni, és onnan építkezni, hatékonyabban tartja fenn a figyelmet.

Feliratok és hang nélküli nézés

A Facebook a hírfolyamban hang nélkül játssza le automatikusan a videót, vagyis a nézők jelentős része némán éli át a videótartalmat. A felirat hozzáadása nemcsak akadálymentesítési lépés, hanem elérési stratégia is. A feliratos videók érezhetően magasabb végignézési arányt érnek el, mint a felirat nélküliek, mert aki egyébként elgörgetne egy néma videó mellett, a szövegen át követni tudja a tartalmat. A Facebook videófeltöltő eszköze tartalmaz automatikus felirat-generálást, de az automatikusan készült feliratokat közzététel előtt mindig át kell nézni és javítani kell, mert a feliratok hibái rontják a tartalom szakszerűségét.

Tervezési elvek, amelyek interakcióvá alakulnak

Tartsd minimálisan a képeken lévő szöveget

A szövegtől zsúfolt képek a Facebookon alulteljesítenek az algoritmusnál és a közönségnél is. A Facebook korábban büntette azokat a képeket, amelyeken a szöveg 20 százaléknál nagyobb részt foglalt el a fizetett elhelyezésekben, és bár ez a szabály lazult, az ok, amiért létezett, nem szűnt meg: a közönség gyorsabban görget el a sűrű szöveges képes posztok mellett, mint a tiszta vizuális posztok mellett. A képen lévő szöveget korlátozd egy rövid címsorra vagy egyetlen kulcsmondatra. A betűméret legyen elég nagy a mobilon olvasáshoz, legalább 30 pont mindenhez, amit a hírfolyamban kell elolvasni, és használj erős kontrasztot a szöveg és a háttér között, hogy a szavak nagyítás nélkül is olvashatók legyenek.

Vizuális következetesség a posztok között

Az a Facebook-oldal, ahol minden poszt másképp néz ki stílusban, színben és formátumban, nem épít olyan vizuális arculatot, amelyet a követők a márkához kötnek. Ha két-három márkaszínből álló következetes palettát, egy-két betűtípust és felismerhető képstílust használsz, a követők már egyetlen szó elolvasása előtt elkezdik azonosítani a márka tartalmát. Ez a felismerés az egyik csendes előny, amelyet az erős vizuális következetességű márkák idővel építenek: a tartalmuk nem azért állítja meg a görgetést, mert hangosabb, hanem mert ismerős. A tervezőeszközökben készített sablonokkal ez a következetesség elérhető anélkül, hogy minden poszthoz tervezőre lenne szükség.

Mobilos kontraszt és fényerő

A mobilképernyőket nagyon különböző fényviszonyok között nézik, az erős kinti napfénytől a homályos beltéri környezetig. Egy kép, amely kalibrált asztali monitoron jól megvilágítottnak és kiegyensúlyozottnak látszik, mobilképernyőn erős napfényben kifakultnak, homályos szobában túl sötétnek tűnhet. Ha a kontrasztot kicsit az asztali képernyőn természetesnek látszón túl növeled, gyakran olyan kép lesz, amely a mobilfelhasználók által tapasztalt körülmények között világosabban olvasható. Ha közzététel előtt valódi mobil eszközön is kipróbálod a képeket, nem csak az asztali előnézetre hagyatkozol, kiszűröd a leggyakoribb láthatósági problémákat, mielőtt eljutnának a közönséghez.

A megfelelő formátum kiválasztása minden tartalomhoz

Mikor használj statikus képet

A statikus képek akkor működnek a legjobban, ha a tartalom egyetlen világos gondolatot közöl: egy terméket, egy idézetet, egy bejelentést, egy előtte-utána összehasonlítást vagy egy vizuális elemet, amely egy szöveges posztot támogat. Ez a leggyorsabban elkészíthető és legkönnyebben következetesen fenntartható formátum, ami gyakorlati gerincévé teszi a rendszeres posztolási ütemtervnek. Az algoritmus jelenlegi formátumpreferenciái miatt általában alulmaradnak a videóval szemben az elérésben, de egy erős kép érdemi szöveggel párosítva rendszeresen felülmúl egy gyenge videót. A formátumválasztás kevésbé számít, mint a tartalom minősége.

Mikor használj videót

A videó akkor működik a legjobban, ha a tartalom valóban profitál a mozgásból, a bemutatásból vagy a történetmesélésből. Egy termék, amely használat közben jobban működik, mint képaláírásban leírva, egy folyamat, amelyet könnyebb nézni, mint olvasni, vagy egy személyiségközpontú márka, ahol az alapító hangja és beszédmódja a márka vonzerejének része, mind erős jelöltek a videóra. A videó a videó kedvéért, ahol a mozgó formátum semmit nem ad hozzá ahhoz, amit egy állókép vagy szöveges poszt ugyanolyan jól át tudna adni, gyakran alulteljesít mind a gyártási erőfeszítésben, mind a tényleges eredményekben.

Mikor használj körhintát

A körhinták a természetes sorrenddel bíró tartalomhoz illenek a legjobban: lépésről lépésre utasításokhoz, kapcsolódó tippek sorozatához, termékkínálathoz vagy több képkockán át kibontakozó történethez. A húzás tovább tartja a felhasználókat, mint egyetlen kép, és a többképkockás formátum több információt tud átadni anélkül, hogy egyetlen vizuális elembe zsúfolnád. Minden képkocka működjön önálló vizuális elemként, egyetlen világos üzenettel, hogy az a néző, aki csak az első képkockát látja, is kapjon valami értékeset, míg aki végighúzza őket, a teljes képet kapja.

Hogy a vizuális tartalom hogyan kapcsolódik a Facebook tágabb tartalmi stratégiájához, azt a Facebook tartalmi stratégia cikkben találod. Hogy a tartalomformátum hogyan befolyásolja az algoritmikus terjesztést, azt a Hogyan működik a Facebook algoritmusa cikkben olvashatod. Az erős vizuális tartalomra építő organikus növekedési stratégiákról a Facebook marketing és organikus növekedés cikk szól.

Hogyan kapcsolódik a weboldalad a Facebook vizuális tartalmadhoz?

A Facebook vizuális tartalma teremti az első benyomást. A weboldal az a hely, ahol ez a benyomás mérhető eredménnyé alakul. Az a vizuálisan erős Facebook-jelenlét, amely olyan weboldalra küldi az embereket, amely nem azonos minőségű, elveszíti azt a hitelességet, amelyet a hírfolyamban épített. A márka Facebookon mutatott arculata és a weboldalon, kattintás után talált arculat vizuális következetessége építi azt a bizalmat, amely a követőből ügyfelet csinál.

A WEMASY weboldalépítője professzionális célállomást ad a márkáknak, amely megállja a helyét a közösségi médiában látott erős vizuális tartalom által felállított mércével szemben. A WEMASY Analitika & betekintések megmutatja, mely Facebook-posztok hoznak látogatást a weboldalra, és mit csinálnak a látogatók, amikor megérkeznek. Nézd meg, mi tartozik hozzá, a /pricing oldalon.

Gyakran ismételt kérdések

Milyen képméret működik a legjobban a Facebook hírfolyam-posztoknál?

Az 1080 x 1080 pixeles négyzetes képek a legmegbízhatóbb méret a Facebook hírfolyam-posztokhoz, mert mobilon és asztali gépen is következetesen, jelentős automatikus vágás nélkül jelennek meg. Az 1200 x 628 pixeles fekvő képek jól működnek linkelőnézetekhez és olyan posztokhoz, ahol a vízszintes kompozíció illik a tartalomhoz. Az 1080 x 1350 pixeles álló képek több függőleges helyet foglalnak el a hírfolyamban, ami általában növeli azt az időt, amelyet a néző a poszton tölt, mielőtt továbbgörget. Ezek bármelyike tiszta eredményt ad, ha a képet kifejezetten arra a méretre tervezted, nem egy kisebb eredetiből nagyítottad fel. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon is beállíthatod.

Legyen felirat a Facebook-videókon?

Igen. A Facebook a hírfolyamban hang nélkül játssza le automatikusan a videót, vagyis sok néző teljes csendben éli át a videótartalmat. A feliratok lehetővé teszik, hogy ezek a nézők hangbekapcsolás nélkül kövessék a tartalmat, ami növeli a végignézési arányt, és javítja a hozzáférhetőséget a halláskárosult nézők számára. A feliratos videók rendszeresen felülmúlják ugyanazokat a videókat felirat nélkül a végignézési arányban. A Facebook videófeltöltő eszköze tartalmaz automatikus feliratgenerálót, de a kimenetet közzététel előtt kézzel át kell nézni és ki kell javítani, mert az automatikusan készült feliratok hibái szakszerűtlennek tűnhetnek.

Milyen hosszúak legyenek a Facebook-videók?

A Reelsnél a kilencven másodperc alatti hossz adja a legjobb végignézési arányt, a végignézési arány pedig jelentős algoritmikus jel. Az oktató vagy bemutató tartalmú hagyományos hírfolyamvideóknál az egy-három perc használható, ha a tartalom végig fenntartja az érdeklődést. A nyitó három másodperc a legkritikusabb: ha a videó ez alatt a pár másodperc alatt nem ad a nézőnek világos okot a továbbnézésre, a legtöbben elgörgetnek mellette. A legérdekesebb vagy vizuálisan legmeggyőzőbb pillanattal kezdeni, és onnan építkezni, több nézőt tart meg, mint a lassú bevezetés.

Csökkenti az elérést, ha túl sok szöveg van egy Facebook-képen?

Igen, az algoritmusnál és a közönségnél is. A Facebook korábban büntette a fizetett elhelyezésekben a nagy szövegarányú képeket, és az organikus posztoknál is a közönség gyorsabban görget el a sűrű szöveges képek mellett, mint a tisztább vizuális elemek mellett. Ha a képen lévő szöveget egy rövid címsorra vagy egyetlen kulcsmondatra korlátozod, mobilképernyőn olvasható betűmérettel, jobban teljesít, mint ha a képet arra használod, hogy minél több információt zsúfolj bele. A magyarázó szövegnek a képaláírás mező a jobb helye.

Milyen képarányban kell a Facebook Reelst forgatni?

A Reelst 9:16 álló képarányban, 1080 x 1920 pixelen kell forgatni és exportálni. Ez a teljes képernyős álló formátum mobilnézetre készült, és a fekvő vagy négyzetes formátumban forgatott tartalom üres hellyel jelenik meg a Reels-keretben fent és lent, ami befejezetlennek látszik, és csökkenti a vizuális hatást. A fontos szöveget, az arcokat és a fontos vizuális elemeket a kép középső területén kell tartani, a felső és alsó 15 százaléktól távol, ahol a Facebook a felületi elemeit, például a profilnevet és az interakciós gombokat helyezi.

Hogyan tarthat fenn egy márka vizuális következetességet a Facebookon tervező nélkül?

A tervezősablon-eszközökkel a vizuális következetesség tervező nélkül is elérhető. Ha három-öt újrahasználható poszt-sablont készítesz, mindegyikben következetes színpalettával, betűtípussal és elrendezéssel, az új tartalmat gyorsan elő lehet állítani úgy, hogy új képet vagy szöveget cserélsz be, nem kell minden alkalommal nulláról újraépíteni a dizájnt. Ha minden sablonban ugyanazt a két-három márkaszínt és legfeljebb két betűtípust használod, az megalapozza a vizuális arculatot. Ha közzététel előtt ellenőrzöd, hogy az új posztok felismerhetően hasonlítanak az előzőekre, idővel fenntartod a következetességet.

Használd ki azonnal
a saját weboldaladon.

Kezdd ingyen a WEMASY-vel, és építsd fel az oldaladat pár perc alatt.