facebook pagina omslagfoto met profielfoto

In dit artikel laten we zien hoe je een geïntegreerde facebook pagina omslagfoto met profielfoto kunt maken.

Let op: dit artikel gaat NIET over een persoonlijke facebook profiel pagina! Deze pagina’s kennen andere maten!

Wat is eigenlijk een facebook pagina omslag en een profiel foto?

Wat is een facebookomslag en profielfoto

De omslagfoto is de grote en de profiel- is del kleine foto.

De facebook pagina omslagfoto is de grote foto.

Deze 851 pixels breed en 315 pixels hoog

De facebook profiel foto is de kleine vierkante foto

Deze is 160 pixels breed bij 160 pixels hoog

De profiel foto is ook het kleine afbeeldinkje dat je ziet bij jouw posts en reacties.

Hoewel de profielfoto 160 bij 160 pixels is, vereist facebook dat je een profielfoto upload van minimaal 180 bij 180 pixels!

160 pixels is 88,88% van 180 pixels. Het handigste is dan ook om zowel de omslag foto als de profielfoto groter te maken.

(facebook schaalt deze terug naar de juiste maten)

Okay, leuk al die details, maar wat moet ik nu doen?

1. Heb je photoshop, dan bof je, wij hebben namelijk een sjabloon gemaakt die je hier kunt downloaden.

Facebookpagina-sjabloon-mrt2013

Download GRATIS het Facebookpagina sjabloon van webulous.net

2. Het handigste is om een complete foto te maken (dus een waar jouw omslagfoto en de profielfoto in verwerkt zijn). Deze foto moet minimaal 958 pixels breed en 450 pixels hoog zijn.(facebook zal deze terug schalen naar 851 x 315 pixels)

3. Plak deze foto in het sjabloon dat je bij stap 1 hebt gedownload in een laag boven de laag “Voeg jouw jouw afbeelding boven deze laag in” (zoals bijvoorbeeld de laag “VOORBEELD”

4. positioneer deze laag zodanig zodat deze goed uit-lijnt (met name de profielfoto) met de kaders in de laag “SJABLOON RANDEN”.

5. sla het bestand nu als PSD bestand

Nu kun je de omslagfoto en profielfoto maken en uploaden

Nu je een totaal-foto hebt van 958 x 450 pixels kunnen we deze opsplitsen in 2 afzonderlijke afbeeldingen:

  • de profielfoto
  • de omslagfoto

De profielfoto

Eigenlijk is deze de meest moeilijke en daarom beginnen we daar ook mee (je zult zien dat het wel meevalt!):

1. open het PSD bestand waarmee je daarstraks ben ge-eindigt.

2. selecteer de laag “SJABLOON RANDEN”

3. klik op het gereedschap toverstaf (magic wand). Geef de volgende instellingen op:

  • Tolerantie (tolerance): 0 (nul)
  • Anti-alias: uitgevinkt
  • Aangrenzend (contiguous): aangevinkt

4. klik met de toverstaf nu BINNEN het kader van de profielfoto. Er toont zich nu een selectiekader aan de binnenkant van de witte rand.

5. Kies nu uit het menu Afbeelding (image) voor Uitsnijden (crop). je krijgt nu alleen de profielfoto te zien ( de rest van de afbeelding is weg: maak je geen zorgen, dat komt zo goed)

6. Exporteer, of sla het bestand nu op als een JPG, PNG og GIF bestand met b.v. de naam “Profielfoto”. Dit bestand kun je gaan uploaden als jouw profielfoto naar facebook.

7. Druk nu zo vaak op CTRL + Z (windows) of CMD +Z (mac) totdat je de volledige afbeelding weer ziet.

De omslagfoto

Nu is het een makkie! We gaan de omslagfoto maken.

1. zorg dat je het bestand waar je net ge-eindigt bent open hebt in Photoshop

2.zet het vinkje bij de lagen:

  • “SJABLOON RANDEN”
  • “Voeg jouw jouw afbeelding boven deze laag in”
  • “VOORBEELD ” (als je jouw afbeelding in een ander laag hebt geplakt)

uit. je houdt nu alleen nog de laag over met jouw afbeelding op het formaat van 958 x450 pixels. Zoals al eerder gezegd, zal facebook deze terug schalen naar in dit geval 851 x 315 pixels.

3. sla dit bestand op (of exporteer het) naar wederom een JPG, PNG of GIF bestand met de naam “omslagfoto”

3. Upload dit bestand als jouw omslagfoto naar facebook

OPMERKING

  • Het kan zijn dat je de profielfoto in facebook moet schalen om deze goed uitgelijnd te krijgen met de omslagfoto ga als volgt te werk:
  1. zweef met jouw muis boven jouw profielfoto
  2. klik op “miniatuurafbeelding bewerken”
  3. Als “Passend maken” aangevinkt staat (maar de profielfoto is niet in lijn met de omslagfoto) klik het vinkje dan uit en druk op “Opslaan”
  4. Herhaal nu deze stappen, maar zet nu het vinkje weer AAN ( en druk op opslaan)
  • Op het moment van schijven heeft facebook geen goede “responsive design”. Dit betekend dat facebookpagina’s op b.v. mobiele apparaten de omslagfoto en profielfoto niet in goede lijn presenteren. Houd daarmee rekening mee bij het kiezen van jouw afbeeldingen voor zowel de omslagfoto als de proefielfoto.
  • Is het resultaat nog niet naar wens? controleer of je de bovenstaande stappen (en maten) goed hebt gevolgd/toegepast!.

Succes en wij zijn benieuwd naar jouw resultaten! Laat het ons horen!

 



03 GIF Banner
Themeforest wide 728 x 90


Coolblue 728x90


Go Daddy NL 728x90 30 off





Brand Communication Image Banner 728 x 90


728x90_ShutterStock-Culture_NL_animated
WordPress Membership Plugin


KPN Algemeen 728 x 090

Codecanyon wide 728 x 90