Facebook matkapuhelimessa kannettavan tietokoneen vieressä

Facebook on monille yrityksille ensisijainen väline, jonka kautta he pitävät yhteyttä asiakkaisiinsa. Joillekin se on ainoa väline. Ei siis liene yllätys, että yrityksesi Facebook-sivun ulkoasulla voi olla valtava vaikutus siihen, miten vakavasti ihmiset suhtautuvat yritykseesi. Pieni vaivannäkö ja huolellisuus voi merkitä paljon rahaa myöhemmin. Tässä artikkelissa jaamme muutamia niksejä, joita käytämme luodaksemme joka kerta täydellisen Facebook-kannen kuvan.

Ensiksi, kun luot Facebook-kannen kuvaa yrityssivulle, saatat haluta sisällyttää logon, grafiikan tai sanoja viestin välittämiseksi. Vaikka voit luoda kansikuvan Facebookin iOS- tai Android-sovelluksella, sinun on helpompaa käyttää pöytätietokonetta tai kannettavaa tietokonetta.

Joku tausta

Plates on kuvitteellinen ravintola. Kuten kaikilla paikallisilla yrityksillä, heillä on Facebook-sivu. Ja kuten jokaisella yrityksellä, jolla on Facebook-sivu, asiakkaat vierailevat heidän sivullaan pöytätietokoneilla, kannettavilla tietokoneilla ja matkapuhelimilla.

Tämä on Platesin Facebook-kannen kuva. Se on rikki. Myöhemmin näet miten.

Rikkinäinen Facebookin kansikuva

Facebookin kansikuvan ohjeet

Facebook antaa ohjeita käyttäjille, jotka haluavat lisätä kansikuvia sivuilleen. Ohjeet ovat samat yritys- ja henkilökohtaisille sivuille.

Sivusi kansikuva:

Näytetään sivuillasi tietokoneissa 820 pikseliä leveänä ja 312 pikseliä korkeana ja älypuhelimissa 640 pikseliä leveänä ja 360 pikseliä korkeana.

Tulee olla vähintään 400 pikseliä leveä ja 150 pikseliä korkea.

Latautuu nopeimmin sRGB JPG-tiedostona, joka on 851 pikseliä leveä, 315 pikseliä korkea ja alle 100 kilotavua.

Ohjeet voivat olla hämmentäviä. On joitakin asioita, jotka sinun on tiedettävä, ennen kuin aloitat työn Facebook-kansikuvasi tai -grafiikkasi luomiseksi. Tässä samat ohjeet on esitetty hieman eri tavalla:

  • 851px leveys x 315px korkeus: suositeltu koko työpöydälle
  • 820px leveys x 312px korkeus: näyttö työpöydällä
  • 640px leveys x 360px korkeus: näyttö älypuhelimissa
  • 400px leveys x 150px korkeus: kansikuvan vähimmäiskoko

Facebookin ohjeiden tarkentaminen

Tarvitset vain kaksi Facebookin neljästä suosituksesta. Kun täytät nuo kaksi, täytät itse asiassa kaikki neljä ehtoa työsi sivutuotteena. Nämä kaksi säilytät:

  • 851px leveys x 315px korkeus: suositeltu koko työpöydälle
  • 640px leveys x 360px korkeus: näyttö älypuhelimissa

Katsellessasi säilyttämiäsi kansikuvamittoja huomaat työpöydän korkeudeksi 315px ja mobiililaitteiden korkeudeksi 360px. Samaa Facebook-kantta on käytettävä sekä työpöytä- että mobiililaitteissa, mikä tarkoittaa, että absoluuttisen minimikorkeutesi on oltava 360px. Tästä syystä tarvitsemasi Facebook-kannen koko on nyt seuraava:

  • 851px leveys x 360px korkeus: miniminäyttökoko työpöydälle ja mobiiliin

Nyt sinulla on Facebook-kannen koko, joka on liian korkea työpöydälle ja liian leveä mobiiliin. Sen ei pitäisi olla sitä, mitä haluat, mutta se on juuri sitä, mitä haluat. Hieman myöhemmin selviää, miksi se on totta.

Sinun kannattaa tehdä vielä yksi kokomuutos Facebook-kansikokoon. Korkean resoluution työpöytä- ja kannettavien tietokoneiden näytöt ovat yhä suositumpia. Facebookin kuvakokosuositukset mukautuvat jo nyt korkean resoluution mobiilinäyttöihin. Sama ei kuitenkaan päde pöytäkoneiden ja kannettavien tietokoneiden näyttöihin. Jos haluat, että Facebookin kansikuvasi näyttää terävältä suurilla näytöillä, sinun on kaksinkertaistettava kuvasi koko:

  • 1 702px leveys x 720px korkeus: täydellinen näyttökoko työpöydälle ja matkapuhelimille

Yllä ovat lopulliset kansiosi mitat. Facebookin kansikuvasi on näiden mittojen mukainen.

Välttää joitakin yleisiä sudenkuoppia

Nyt kun tiedät Facebookin kansikuvasi mitat, voit aloittaa kansikuvasi suunnittelun. Sivullasi vieraileva kävijä näkee kansikuvasi osittain tai kokonaan riippuen siitä, vieraileeko hän suurelta näytöltä (pöytäkoneelta tai kannettavalta tietokoneelta) vai mobiililaitteelta.

Facebookin kansikuvan katseltava alue pöytäkoneella ja mobiililaitteella

Suuren näytön kävijät näkevät koko kansikuvan. Mobiilikävijät näkevät vain vaaleansinisen alueen. Facebook pilkkoo sivut pois.

Platesin rikkinäisen Facebook-kansikuvan uudelleentarkastelu

Aiemmin näit Platesin rikkinäisen Facebook-kansikuvan. Se näyttää hyvältä kannettavissa tietokoneissa ja pöytätietokoneissa.

Rikkinäinen Facebookin kansikuva

Platesin Facebook-sivu näyttää paljon erilaiselta mobiilissa. Alla on se, mitä asiakkaat näkevät matkapuhelimissaan. Iso osa logosta puuttuu, ja teksti on lukukelvotonta.

Pätkitty tieto puuttuu Facebook-sivulta

Kun asetat Platesin Facebookin kansikuvan aiemmin tunnistettujen mittojen päälle, on helppo nähdä, mitä tapahtui. Facebook näyttää mobiilissa kansikuvana vain kuvan keskiosaa. Loppuosa on rajattu pois näkyvistä ja on kadonnutta tietoa.

Overlay näyttää, miten Facebookin kansikuva on rikkoutunut

Facebookin kansikuvamallin luominen

Suunnitellaksesi Facebookin kansikuvasi käytät aiemmin ilmoittamiamme mittoja.

  1. Piirrä laatikko, joka on 1 702 pikseliä leveä ja 720 pikseliä korkea
  2. Käyttämällä eri väriä piirrä toinen laatikko, joka on 1 280 pikseliä leveä ja 720 pikseliä korkea
  3. Keskitä pienempi laatikko isomman laatikon päälle

Pitäisi saada aikaan jotakin, joka näyttää alla olevalta mallilta. Olemme lisänneet joitain vaaka- ja pystysuoria viivoja sommittelun apuvälineiksi kolmanneksen säännön (Rule of Thirds) osoittamiseksi. Pystysuorat viivat eivät ole täsmälleen oikeassa asennossa, koska Facebookin suuren ja pienen näytön kuvilla on erilaiset mittasuhteet. Ne ovat kuitenkin lähellä toisiaan, ja lihavoitujen plus-symbolien sivuilla näkyy näiden kahden välinen ero. Järjestä sisältösi plus-symbolien ympärille, ja tuloksena pitäisi olla jotain, joka miellyttää useimpia silmiä.

Malliesimerkki Facebookin kansikuvan suunnitteluun

Facebookin kansikuvan suunnittelu

Valitse nyt mieleisesi kuva ja sijoita se luomiesi kahden laatikon päälle. Tee kuvasta enimmäkseen läpinäkyvä, jotta näet sen alla olevat laatikot. Korjaat sen myöhemmin. Sinun pitäisi nähdä jotain tällaista:

Facebookin kansikuvamalli kansikuvan päällä

Vaaleansininen alue näkyy työpöydällä ja mobiilissa. Tummansininen alue näkyy vain pöytätietokoneissa ja kannettavissa tietokoneissa. Kun kuva on sijoitettu haluamallasi tavalla, lisää teksti tai grafiikka.

Facebook-kannen malli kansikuvan ja grafiikan päällä

Poista läpinäkyvyys kuvasta. Tässä vaiheessa sinun ei pitäisi nähdä tekemiäsi taustalaatikoita lainkaan. Itse asiassa sinun pitäisi nähdä Facebookin kansikuvasi juuri sellaisena kuin sivusi kävijät näkevät sen käydessään työpöydältä tai kannettavalta tietokoneelta.

Korjattu Facebookin kansikuva työpöydältä katsottuna

Olet tehnyt kaiken vaikean työn. Lataa valmis kuva Facebookiin ja aseta se kansikuvaksi. Käy sitten Facebook-sivullasi mobiililaitteesta. Sen pitäisi näyttää tältä:

Korjattu Facebookin kansikuva mobiililaitteella katsottuna

Teit sen!

Toivomme, että tästä oppaasta oli apua. Jos oli, kerro meille. Olemme tehneet Facebook-kansikuvamallimme ilmaiseksi ladattavaksi parissa eri muodossa.

  • Lataa malli Sketch-tiedostona
  • Lataa malli 1,702px x 720px JPG-tiedostona