Facebook na mobilním telefonu vedle notebooku

Pro mnoho firem je Facebook hlavním nástrojem, jehož prostřednictvím se spojují se svými zákazníky. Pro některé je to nástroj jediný. Nemělo by vás tedy překvapit, že vzhled stránky vaší firmy na Facebooku může mít obrovský vliv na to, jak vážně lidé berou vaši firmu. Trocha počátečního úsilí a péče může znamenat spoustu peněz v budoucnu. V tomto článku se s vámi podělíme o některé triky, které používáme k tomu, abychom pokaždé vytvořili dokonalý titulní obrázek pro Facebook.

Předně, při vytváření titulního obrázku pro firemní stránku na Facebooku můžete chtít zahrnout logo, grafiku nebo slova, kterými chcete sdělit nějaké sdělení. Přestože můžete vytvořit krycí obrázek pomocí aplikace pro systém iOS nebo Android společnosti Facebook, snadněji to zvládnete pomocí stolního počítače nebo notebooku.

Nějaké pozadí

Plates je fiktivní restaurace. Jako každý místní podnik má svou stránku na Facebooku. A jako každý podnik se stránkou na Facebooku zákazníci navštěvují jejich stránku pomocí stolních počítačů, notebooků a mobilních telefonů.

Toto je titulní obrázek společnosti Plates na Facebooku. Je rozbitý. Později se dozvíte, jak na to.

Porušený titulní obrázek na Facebooku

Pokyny k titulní fotografii na Facebooku

Facebook poskytuje pokyny uživatelům, kteří chtějí na své stránky přidávat titulní obrázky. Pokyny jsou stejné pro firemní i osobní stránky.

Krytá fotografie vaší stránky:

Na počítačích se zobrazuje v rozměrech 820 pixelů na šířku a 312 pixelů na výšku, na chytrých telefonech v rozměrech 640 pixelů na šířku a 360 pixelů na výšku.

Musí mít šířku alespoň 400 pixelů a výšku 150 pixelů.

Nejrychleji se zobrazí jako soubor sRGB JPG, který je široký 851 pixelů, vysoký 315 pixelů a má méně než 100 kilobajtů.

Pokyny mohou být matoucí. Než začnete pracovat na tvorbě své titulní fotografie nebo grafiky na Facebooku, měli byste vědět několik věcí. Zde jsou stejné pokyny uvedeny trochu jinak:

  • 851px šířka x 315px výška: doporučená velikost pro stolní počítač
  • 820px šířka x 312px výška: zobrazení na stolním počítači
  • 640px šířka x 360px výška:
  • 400px šířka x 150px výška: minimální velikost titulního obrázku

Zpřesnění pokynů Facebooku

Potřebujete pouze dvě ze čtyř doporučení Facebooku. Při splnění těchto dvou vlastně splníte všechny čtyři podmínky jako vedlejší produkt své práce. Tyto dvě dodržujete:

  • 851px šířka x 315px výška: doporučená velikost pro stolní počítače
  • 640px šířka x 360px výška: zobrazení na chytrých telefonech

Při pohledu na rozměry obálky, které dodržujete, si všimnete výšky 315px pro stolní počítače a 360px pro mobilní zařízení. Stejná obálka Facebooku musí být použita pro stolní i mobilní zařízení, což znamená, že vaše absolutní minimální výška musí být 360px. Z tohoto důvodu je nyní velikost obálky Facebooku, kterou potřebujete, následující:

  • 851px šířka x 360px výška: minimální velikost zobrazení pro stolní počítač a mobilní zařízení

Nyní máte velikost obálky Facebooku, která je příliš vysoká pro stolní počítač a příliš široká pro mobilní zařízení. Nemělo by to být to, co chcete, ale je to přesně to, co chcete. O něco později se dozvíte, proč je to pravda.

Měli byste provést ještě jednu změnu velikosti obálky na Facebooku. Obrazovky stolních počítačů a notebooků s vysokým rozlišením jsou stále oblíbenější. Doporučená velikost obrázku na Facebooku se již přizpůsobuje mobilním displejům s vysokým rozlišením. Totéž však neplatí pro displeje stolních počítačů a notebooků. Pokud chcete, aby váš titulní obrázek na Facebooku vypadal ostře i na velkých displejích, musíte velikost obrázku zdvojnásobit:

  • 1 702px šířka x 720px výška: ideální velikost zobrazení pro stolní počítače a mobilní zařízení

Nahoře máte své konečné rozměry plátna. Váš krycí obrázek na Facebooku bude těmto rozměrům odpovídat.

Vyhněte se některým častým nástrahám

Teď, když znáte rozměry svého krycího obrázku na Facebooku, můžete začít navrhovat krycí obrázek. Návštěvník vaší stránky uvidí část nebo celý obrázek obálky podle toho, zda ji navštíví z velké obrazovky (stolního počítače nebo notebooku), nebo z mobilního zařízení.

Zobrazitelná plocha obálky Facebooku na stolním počítači a mobilním zařízení

Návštěvníci s velkou obrazovkou uvidí celý obrázek obálky. Návštěvníci mobilních zařízení uvidí pouze světle modrou oblast. Facebook oseká boční strany.

Přehled rozbitého obrázku obálky na Facebooku Plates

Předtím jste viděli rozbitý obrázek obálky na Facebooku Plates. Na noteboocích a stolních počítačích vypadá dobře.

Rozbitý titulní obrázek Facebooku

Stránka Plates na Facebooku vypadá na mobilních zařízeních podstatně jinak. Níže je uvedeno, co zákazníci vidí na svých mobilních telefonech. Chybí velký kus loga a text je nečitelný.

Na stránce Facebooku chybí ořezané informace

Pokud umístíte obrázek titulní strany Facebooku společnosti Plates na dříve zjištěné rozměry, snadno zjistíte, co se stalo. Facebook na mobilních zařízeních zobrazuje jako obálku pouze střed obrázku. Zbytek se ořízne ze zobrazení a ztratí se informace.

Přehled ukazující, jak je obálka Facebooku rozbitá

Vytvoření šablony obálky Facebooku

Pro návrh obálky Facebooku použijete rozměry, které jsme uvedli dříve.

  1. Kreslete rámeček, který je 1702 pixelů široký a 720 pixelů vysoký
  2. S použitím jiné barvy nakreslete další rámeček, který je 1280 pixelů široký a 720 pixelů vysoký
  3. Vystředěte menší rámeček na větší

Měli byste mít něco, co vypadá jako níže uvedená šablona. Přidali jsme několik vodorovných a svislých čar jako pomocníky kompozice, abychom ukázali pravidlo třetin. Svislé čáry nejsou přesně umístěny, protože obrázky na velké a malé obrazovce Facebooku mají různé proporce. Jsou však blízko a strany tučně vyznačených symbolů plus ukazují rozdíl mezi nimi. Uspořádejte obsah kolem symbolů plus a nakonec byste měli získat něco, co bude příjemné pro většinu očí.

Template pro návrh titulní strany Facebooku

Návrh titulního obrázku Facebooku

Nyní vyberte obrázek, který se vám líbí, a umístěte ho na dva vytvořené rámečky. Udělejte obrázek z větší části průhledný, aby byly vidět rámečky pod ním. Později to opravíte. Měli byste vidět něco takového:

Šablona obálky Facebooku na horní části titulního obrázku

Světle modrá oblast se zobrazí na počítači i na mobilu. Tmavě modrá oblast se zobrazí pouze na stolních a přenosných počítačích. Jakmile je obrázek umístěn tak, jak chcete, přidejte libovolný text nebo grafiku.

Šablona obálky pro Facebook v horní části obrázku obálky a grafiky

Odstraňte průhlednost z obrázku. V tomto okamžiku byste neměli vůbec vidět rámečky na pozadí, které jste vytvořili. Ve skutečnosti byste měli vidět obrázek obálky Facebooku přesně tak, jak ho uvidí návštěvníci vaší stránky při návštěvě ze stolního počítače nebo notebooku.

Opravený obrázek obálky Facebooku při zobrazení na stolním počítači

Vykonali jste všechnu těžkou práci. Nahrajte hotový obrázek na Facebook a nastavte jej jako svůj titulní obrázek. Poté navštivte svou stránku na Facebooku z mobilního zařízení. Mělo by to vypadat takto:

Opravený titulní obrázek Facebooku při zobrazení na mobilním zařízení

Dokázali jste to!“

Doufáme, že vám tento návod pomohl. Pokud ano, dejte nám vědět. Naši šablonu titulního obrázku pro Facebook jsme uvolnili ke stažení v několika formátech.

  • Stáhněte si šablonu jako soubor Sketch
  • Stáhněte si šablonu jako JPG o rozměrech 1 702 × 720px

.