Průvodce velikostí fotografií na Facebooku | Nové rozvržení Facebooku

V polovině roku 2020 začal Facebook zavádět nové rozložení plochy pro svůj web. Je čistší, s více prázdným prostorem a přibližuje jej v souladu s mobilní verzí. Ale je to také docela jiné. Toto je tedy revidovaná verze mého neoficiálního průvodce velikostí obrázků na Facebooku, který zohledňuje nejnovější rozvržení, kterému říkají Nový Facebook (stará verze se nazývá klasický Facebook) .1

Zpočátku tato nová layout je přihlášenou aktualizací a můžete přepnout zpět na klasické rozvržení Facebooku z New Facebook. Ale nakonec se to dostane každému. Pokud stále používáte staré rozvržení (nebo klasický Facebook, jak tomu říkají), můžete zde najít předchozí verzi průvodce velikostí Facebooku.

Během zavádění se některým uživatelům zobrazí vaše stránka s novým rozložením a některé se starým rozvržením. Pokud však nahráváte nový obsah, pravděpodobně má větší smysl jej optimalizovat pro nové rozvržení.

Obrázky jsou důležitou součástí používání Facebooku, ale pokud jste přišli na této stránce jste nepochybně sami zjistili, že vypracování velikosti obrázků, které se mají na Facebooku použít, není tak snadné, jak by to mohlo být. Zahrnuje určité hádky, abyste dosáhli požadovaných výsledků. Každý typ obrázku na stránka, profil a časová osa mají svou vlastní velikost a zvláštnosti. A Facebook nikdy nebyl tak dobrý v tom, jak snadno najít své stránky nápovědy.

Udržování věcí ještě frustrujících zajímavějších je na Facebooku věci čas od času mění, obvykle bez jakéhokoli varování. Někdy je to malé, postupné vylepšení. Někdy se jedná o celou generální opravu (například když byly zavedeny časové osy a znovu, když byly změněny ze dvou sloupců na jeden sloupec). Vždy je to tak trochu pohyblivý cíl. A zdá se, že za rohem bude vždy nový systém.

Takže ať už používáte Facebook stránky pro marketing na sociálních médiích nebo se jen snažíte zveřejňovat fotografie pro přátele a rodinu, tady je moje verze 2020 neoficiální průvodce velikostí fotografií na Facebooku v různých částech webu.

Toto je předběžná snaha o dekonstrukci velikostí zobrazení při zavádění aktualizace. Budu se snažit jej aktualizovat, až budou některé specifikace jasnější. Pokud narazíte na různé chování zobrazení, dejte mi vědět, abych mohl podle potřeby provést průzkum a aktualizaci.

Velikost titulní fotografie na Facebooku

Doporučení: Použijte obrázek široký alespoň 940 pixelů o výšce 352 pixelů. Chcete-li však lepší kvalitu, použijte obrázek, který má alespoň 1 800 pixelů na 704 pixelů.

Facebook Cover Photo je velký prostor s panoramatickým obrázkem v horní části časové osy. Někdy se mu také říká bannerový obrázek nebo fotka záhlaví.

Jeho zobrazení reaguje. Jinak řečeno, velikost, na které se zobrazuje, se liší podle velikosti okna prohlížeče nebo obrazovky zařízení. Tento efekt můžete vidět, pokud během prohlížení stránky změníte velikost okna prohlížeče.

S předchozím rozvržením bylo pokus o to, co by se zobrazilo správně na titulní fotografii Facebooku, trochu komplikované, protože ne každá část obrazu by se zobrazila ve všech velikostech. Na ploše byly oříznuty bezpečné zóny a pruhy.

Nová verze zjednodušila věci. Celý obrázek je zobrazen a jeho velikost je mnohem jednodušší.

To znamená, že je třeba si dát pozor na některé věci.

Nejprve se vrátili k úzkému pás odstupňovaného stínování dole. Je to překryv, což znamená, že je umístěn ve vrstvě nad obrázkem. Takže nebudete chtít do spodního pruhu zahrnout žádný důležitý text nebo detail.

Zadruhé, vezmete barvu nejvzdálenějších pixelů z obrázku a použijete je k vytvoření stínované barevné sekce na prázdném část za obrázkem. Zde je příklad toho, co mám na mysli, když vezmeme červenou z vnějšího okraje obrázku a použijeme ji na bílou část za sebou. (Pro zjednodušení jsem zde ořezal profilový obrázek.) Značky se specifickou paletou barev si budou chtít všímat zejména toho, aby zahrnovaly požadované barvy na samém okraji obrázku.

Zatřetí, spodní rohy jsou mírně zaoblené (nebo technicky). Není to příliš agresivní, takže je nepravděpodobné, že by způsobil problémy mnoha uživatelům.Ale pokud používáte čáru tahu kolem obrázku nebo jiné podrobné orámování, mohlo by to způsobit problémy. Aplikuje se automaticky a neexistuje způsob, jak jej vypnout.

Začtvrté, profilový obrázek se nyní vrátil k překrytí titulní fotografie. I když je to v této verzi jen jemné a titulní fotografii zakrývá pouze pramen.

Změna titulní fotografie na Facebooku

Pokud jste právě založili nový profil nebo stránku na Facebooku a ještě nemáte titulní fotku, stačí kliknout na tlačítko „Přidat titulní fotku“ v horní části stránky, kam bude titulní fotka uvedena.

Jakmile svou fotku přidáte, můžete ji vyměnit snadno. Když jste přihlášeni ke svému účtu a prohlížíte si stránku, klikněte vpravo dole na tlačítko Edit.

Kliknutím na něj otevřete kapku – rozbalovací nabídka, ze které můžete vybrat zdroj nové fotografie. Toto je také stejná nabídka, kterou chcete použít, pokud chcete odstranit nebo přemístit stávající fotografii nebo použít obálku videa nebo obálku prezentace.

Obálka Druhy fotografií: Jednotlivé obrázky

Pokud jde o typy obrázků, panoramata jsou ideální. Fungují také jednoduché plodiny, i když se účinnost bude evidentně lišit v závislosti na tom, jaký je obrázek. A nic vám nebrání v sestavení mult iple fotografie do koláže ve vašem zobrazovacím softwaru, uložení jako jeden obrazový soubor a nahrání. Například:

Prezentace na obálce: Více obrázků

Až donedávna bylo možné vybrat pouze jednu fotografii, která bude fungovat jako statická titulní fotka. Byla ale přidána nová funkce: prezentace. Nyní můžete vybrat až 5 fotografií, které se otáčejí. Přistupujte k této funkci prostřednictvím stejné nabídky, která umožňuje přidat nebo změnit titulní fotografii (tj. Ikona fotoaparátu v levé horní části sekce titulního obrázku).

Když vytvoříte prezentaci, zobrazí se možnost vybrat až 5 obrázků, které budou použity. Pomocí filmového pásu v horní části vyberte obrázky ze stávajících obrázků nebo nahrajte nové. Poté můžete kliknout na miniaturu a získat náhled, jak to bude vypadat ve větším prostoru pod miniaturami. Kliknutím a přetažením v této sekci můžete přemístit obrázek do výřezu.

Můžete také mít dynamicky generovanou verzi, která Facebooku umožní vybrat fotografie podle toho, co funguje dobře, a podle aktivity na vaší stránce . Tuto funkci můžete zapnout nebo vypnout pomocí přepínače v pravém horním rohu obrazovky pro úpravy prezentace.

Pokud používáte obal prezentace, mohou vaši návštěvníci procházet prezentaci pomocí šipek na každé straně (předchozí rozložení mělo indikátory polohy dole, ale v nové verzi jsou pryč).

Existuje několik věcí, které mi připadají divné na způsobu, jakým se prezentace aktuálně zobrazují návštěvníkům. První je, že prezentace neprobíhá automaticky. Chcete-li tedy v prezentaci vidět více než jeden obrázek, vaši návštěvníci budou muset vědět, jak ručně postupovat pomocí tlačítek se šipkami na boční straně obrázku. Mám podezření, že tak učiní jen velmi malé procento. Druhá věc je, že pokud vypnete možnost výběru obrázků Facebookem, zobrazí obrázky pokaždé ve stejném pořadí než náhodně. Výsledkem obou těchto věcí je, že přinejmenším v tom, jak je aktuálně implementováno, velká většina návštěvníků vaší stránky pravděpodobně uvidí pouze první obrázek. Třetí zvláštností – alespoň pro mě – je přizpůsobení nového zvýrazněného barevného zvýraznění v sekci pozadí. Protože se to čerpá ze zobrazeného profilového obrázku, mění se to spolu s profilovým obrázkem. To nemusí být nutně špatná věc, ale je to něco, co stojí za to vědět.

Titulní videa

Nyní můžete pro oblast banneru použít také video soubory. Musí být mezi 20 a 90 sekundami a měřit nejméně 820 x 312 pixelů. Doporučená velikost je 820 x 462.

Pokud k tomu natáčíte videoklip pomocí fotoaparátu, který vám umožňuje zvolit rozlišení videa, je dobré začít režim 720p, protože měří 1280 720, což má pohodlně dostatečné rozlišení.

Podrobnějšího průvodce o obálkách videí na Facebooku mám zvlášť.

Facebook Profilový obrázek

Mám podrobnější příspěvek na velikosti profilového obrázku na Facebooku samostatně, ale zde je podstata.

Typ zobrazení	Rozměry
Webový prohlížeč pro stolní počítače / notebooky	132 pixelů
Smartphony	128 pixelů
Telefony s funkcemi	36 pixelů

Profilový obrázek Facebooku nyní dole vlevo od titulní fotografie a mírně se překrývá se spodní částí titulní fotografie. Od předchozích verzí se mírně zmenšil, až na kruh o průměru 132 pixelů.

Má kolem sebe tenkou bílou čáru, která se aplikuje automaticky – nemůžete ji odstranit ani ovládat.

Dobrou zprávou je, že nemusíte nahrávat oběžník obrázek, něco, co by bylo trochu bolest vytvořit. Místo toho můžete nahrát jakýkoli běžný obdélníkový nebo čtvercový obrázek. Jakýkoli obraz, který nahrajete, se při zobrazení ořízne na kruh.

Facebook, profilové obrázky, velikosti zobrazení

Webový prohlížeč pro stolní počítače / notebooky. V běžném zobrazení stránky, například když si někdo prohlíží váš profil, se ve webovém prohlížeči na ploše zobrazí jako kruh o průměru 132 pixelů.

Telefony. Velikost profilového obrázku se zobrazuje na mobilních telefonech a liší se podle typu telefonu. Na moderních smartphonech se zobrazuje jako kruh o průměru 128 pixelů. Na starších telefonech se zobrazuje s průměrem 36 pixelů.

Když vyberete fotografii a přidáte profilový obrázek, získáte možnost přesouvat ohniskovou oblast (za předpokladu, že není čtvercová), stejně jako přiblížit a oddálit (pokud překročí minimální rozlišení).

Profilový obrázek, který se zobrazuje vedle vašeho jména v komentářích a příspěvcích na časové ose, je stejný obrázek a stále je to kruh, ale je to automaticky zmenšen na průměr 40 pixelů.

Požadavek na velikost profilového obrázku na Facebooku

Protože se zobrazuje tak malý, je nepravděpodobné, že byste narazili na problém s velikostí obrázků. Pokud má váš obrázek nejkratší velikost (což je docela malé) alespoň 132 pixelů, měli byste být připraveni.

Náhledy sdílených odkazů

Miniatury sdílených odkazů zobrazit ve webovém prohlížeči na šířku 500 pixelů a výšku 261 pixelů.

Na chvíli bylo možné zvolit jiný obrázek sdíleného odkazu, ale tato funkce byla odstraněna. Alespoň prozatím existuje řešení, pokud sdílíte odkazy pomocí služby pro správu sociálních médií, jako je Buffer, ale již si nemůžete vybrat jiný obrázek, který chcete použít z Facebooku.

Pokud sdílíte odkazy z vlastního webu, je možné určit, který obrázek chcete použít jako miniaturu obrázku, ale to je něco, co budete muset na svém webu nastavit a je nad rámec tohoto příspěvku. Pokud ale hledáte, jaké výrazy pro to Google má, snažíte se nastavit vlastnost „og: image“ v metadatech Open Graph stránky. Zde je dokumentace Facebooku a pokud používáte CMS jako WordPress pro vaše stránky existují pluginy, které to zvládnou za vás.

Stále však můžete přidávat další miniatury, které jsou kromě originálu (nejsou na místě). Když přejdete ke sdílení odkazu , použijte spodní část vyskakovacího okna a přidejte další obrázky. Již však nemůžete zrušit výběr původního obrázku, jako byste byli schopni.

Fotografie na časové ose

velikost a rozvržení miniatur na časové ose se liší podle toho, kolik obrázků sdílíte ve stejném příspěvku, a podle toho, jaké mají konkrétní obrázky orientaci.

Zde se zobrazují různé kombinace. Všechny obrázky mají 1pix bílou tah kolem ohraničení.

Jedna fotografie na časové ose

Když nahrajete obrázek na časovou osu, automaticky se vygeneruje miniatura, která se vejde do krabička, která je široká 500 pixelů a vysoká až 750 pixelů. Pokud tedy chcete využít maximální dostupné místo, nahrajte obrázek v orientaci na výšku (svisle), která je v poměru 3: 2. Toto je příklad využití maximálního dostupného prostoru:

Pokud nahrajete horizontální (horizontální) obrázek, bude zmenšen na šířku 500px a zachová si svůj tvar. Celá oblast obrázku se zobrazí bez jakéhokoli oříznutí.

Toto je další obdélník v orientaci na šířku, ale je to mnohem užší poměr stran, jako je banner nebo panorama. Šířka je opět 500 pixelů a obrázek je zmenšen tak, aby se zobrazila celá oblast obrázku.

Pokud nahrajete stejný obrázek otočený o 90 stupňů, aby byl spíše vysoký než široký, bude oříznut na maximum dostupná plocha 500px až 750px.

A pokud nahrajete čtverec, zobrazí se celý obrázek se šířkou 500px.

Odesílání více obrázků najednou na časovou osu stránky

Na časovou osu můžete nahrát více fotografií najednou. Jak se zobrazují, záleží na tom, kolik obrázků nahráváte a na orientaci toho, čemu budu říkat primární obrázek.

Primární obrázek je to, čemu říkám ten, který se při nahrávání zobrazí jako první vyskakovací okno a v některých rozloženích se také zobrazí větší. Pokud vím, neexistuje oficiální název, ale budu pokračovat a použiji „primární obrázek“. Na to tedy odkazuji v níže uvedené části.

Kromě prvního zobrazení má primární obrázek ještě jednu důležitou roli. Určuje rozložení, které získáte. Pokud nahrajete 3 obrázky se čtvercovým primárním obrázek skončí s jiným rozvržením, než když nahrajete 3 obrázky s obdélníkovým primárním obrázkem.

Nejjednodušší způsob, jak vybrat, který obrázek bude sloužit jako primární, je přetáhnout jej doleva v dialogovém okně pro nahrávání.

Zde je příklad toho, co mám na mysli. V tomto nahrávám dva obrázky, oranžový čtverec a zelený svislý obdélník. Pokud je oranžový čtverec na první pozici v dialogu pro nahrávání, postupujte takto:

zveřejní se takto:

Nahraje přesně stejné dva obrázky, ale obrátí je, takže vertikální první je obdélník, takto:

zobrazí se takto:

Stejný princip platí, pokud nahráváte dva, tři nebo čtyři obrázky – rozložení bude vždy vycházet z primární obrázek.

2 obrázky s horizontálním (na šířku) primárním obrázkem

Celá šířka bude 500 pixelů. Horní obrázek je vysoký 250 pixelů; spodní část je vysoká 249 pixelů. Mezi nimi je 2px bílá čára.

2 obrázky se svislým (portrétem) primárním obrázkem

2 obrázky se čtvercovým primárním obrázkem

3 obrázky s vodorovným (na šířku) ) Primární obrázek

Protože rozložení vychází z primárního obrazu, můžete kombinovat a přizpůsobovat orientaci neprimárních obrázků – budou se stále zobrazovat stejně.

3 obrázky se svislým (na výšku) primárním obrázkem

3 obrázky se čtvercovým primárním obrázkem

4 obrázky s vodorovným (na šířku) primárním obrázkem

Můžete kombinovat a odpovídají orientacím neprimárních obrázků – budou se stále zobrazovat stejné.

4 obrázky se svislým (portrétním) primárním obrázkem

4 obrázky se čtvercovým primárním obrázkem

5 nebo více obrázků s horizontálním (portrétem) primárním obrázkem

Zobrazí prvních pět obrázků v podobě mozaiky, jako je tento. Pokud zahrnete více než pět obrázků, zobrazí se malé překrytí tlačítka plus symbol pro zobrazení ostatních.

5 nebo více obrázků se čtvercovým nebo svislým (na výšku) primárním obrázkem

Získáte stejné zobrazení, ať už je primárním obrázkem čtverec nebo svislý obdélník.

Fotografie s plnou šířkou na časové ose Facebooku

Ano, byly skvělé. Obrázek překlenul oba sloupce. Facebook se jich však v redesignu v polovině roku 2014 zbavil. Vaše aktualizace se nyní zobrazují pouze v jednom sloupci a neexistuje způsob, jak udělat fotografie širší než tento sloupec.

Obrázky záhlaví události

Bez ohledu na to, jaký obrazec tvaru nahrajete jako obrázek záhlaví u příspěvku na událost bude oříznut na poměr stran 16: 9. Nejlepších výsledků dosáhnete, když nahrajete obrázek o rozměrech 1920 x 1080 pixelů. Ale na co si dát pozor je to, že v pohledu na hlavní událost je to docela zmenšené, takže nepoužívejte příliš malá písma (lidé mohou kliknutím na obrázek otevřít větší verzi, ale ne každý to udělá to).

Když je zobrazen na hlavní stránce události, je zmenšen na 500 x 262 pixelů, například takto:

Problémy s kvalitou obrazu Facebooku

Něco na co uvědomuje si, že Facebook komprimuje některé obrázky velmi agresivně, když je nahráváte a zobrazujete.

Dává to smysl – přirozeně chtějí zrychlit načítání stránek a snížit šířku pásma tím, že použijí tolik komprese, kolik jim může uniknout . Nejsem jediný, kdo si přeje, aby při kompresi byli méně agresivní, ale jak je to patrné, bude záležet na tom, zda bude na fotce záviset rozsah barev a množství detailů.

Ve výše uvedených příkladech je komprese JPG mnohem znatelnější u verze montáže než u verze Sydney Harbour Bridge. V originálech před jejich nahráním jsem nastavil kvalitu a doostření stejně. Někteří uživatelé uvedli, že se zdá, že obrázky se spoustou červených a pomerančů ukazují účinky komprese více než ty, které mají modrou a zelenou barvu, ale záleží to na skutečném obrázku.

Také se zdá, že záleží na tom, co druh obrazu, který zobrazujete. Zdá se, že obrázky z fotogalerie mají při zobrazování menší kompresi než designové prvky, jako je titulní fotka a profilový obrázek.

Existuje několik věcí, které můžete udělat při přípravě obrázků před nahráním, což vám pomůže snížit pravděpodobnost, že váš obrázek bude vypadat mizerně.

Nahrajte obrázky, jejichž velikost souboru je 99 kB nebo méně. Facebook by měl nechat obrázky méně než nedotčené, což vám dává kontrolu nad tím, jak se komprese aplikuje.

Nahrajte obrázky, které již nemají velkou kompresi. Například u souborů JPG zkuste udržovat nastavení kvality na hodnotě 80 nebo vyšší – Facebook ji i tak znovu komprimuje. Pokud používáte software, který ovlivňuje barevný prostor (například Lightroom nebo Photoshop), použijte barevný prostor sRGB. A nahrávání obrázků, jejichž velikost již byla změněna tak, aby byla blízko nebo na cílovou velikost zobrazení a nebyla příliš naostřená, vypadá dobře.

Pokud nic z toho nefunguje, podívejte se na můj příspěvek, jak získat ostrý text na obrázcích na Facebooku.

Získáváte na obrázcích fuzzy text, loga nebo vodoznaky?

Pokud zahrnete text, logo nebo vodoznak a zjistíte, že je to kvůli artefaktům JPG fuzzy a nejasné, mám samostatný příspěvek s podrobnostmi, jak to opravit: Jak se dostat ostrý text na obrázcích na Facebooku.

Metadata obrázků na Facebooku

I když to konkrétně nesouvisí s velikostí obrázků, stojí za to vědět, že Facebook z vašich obrázků odstraní všechna metadata. To zahrnuje veškerá GPS, typ fotoaparátu a další data, která může váš fotoaparát vložit, stejně jako cokoli jako klíčová slova nebo informace o autorských právech, které jste mohli přidat. (Výjimkou je, pokud jste v Německu.)

Facebook Photos Cheat Sheet

	Šířka	Výška	Poznámky
Titulní fotka / Prezentace obálky	820px	360px
Profilový obrázek v záhlaví	172px	172px	Musí mít alespoň 180px do 180px
Profilový obrázek na časové ose	40px	40px	Stejný obrázek jako hlavní profilový obrázek, automaticky zmenšen
miniatura sdíleného odkazu	500px	261px	Pouze pro jednotlivé miniatury. Oříznuto je několik miniatur.
Nahraná miniatura časové osy	max. 500p	max. 750px	Zobrazit výjimky výše pro více obrázků.
Obrázek záhlaví události	500px	262px	poměr stran 16: 9 pouze. Pro dosažení nejlepších výsledků nahrajte obrázek 1920 x 1080 px.