Voor veel bedrijven is Facebook het belangrijkste middel om in contact te komen met hun klanten. Voor sommige is het zelfs het enige middel. Het mag dan ook geen verrassing zijn dat het uiterlijk van de Facebook-pagina van uw bedrijf een enorme invloed kan hebben op hoe serieus mensen uw bedrijf nemen. Een beetje moeite en zorg vooraf kan op termijn veel geld opleveren. In dit artikel delen we enkele van de trucs die we gebruiken om elke keer de perfecte omslagafbeelding voor Facebook te maken.
Ten eerste, wanneer u een omslagafbeelding voor Facebook voor een bedrijfspagina maakt, wilt u misschien een logo, afbeelding of woorden opnemen om een boodschap over te brengen. Hoewel u een omslagafbeelding kunt maken met behulp van Facebook’s iOS- of Android-app, zult u een eenvoudiger tijd hebben met behulp van uw desktopcomputer of laptop.
Een beetje achtergrond
Plates is een fictief restaurant. Zoals elk lokaal bedrijf, hebben ze een Facebook-pagina. En, zoals elk bedrijf met een Facebook-pagina, bezoeken klanten hun pagina met behulp van desktops, laptops en mobiele telefoons.
Dit is de Facebook-omslagafbeelding van Plates. Het is kapot. Later zie je hoe.
Richtlijnen voor omslagfoto’s van Facebook
Facebook geeft richtlijnen aan gebruikers die omslagfoto’s aan hun pagina’s willen toevoegen. De richtlijnen zijn hetzelfde voor zakelijke en persoonlijke pagina’s.
De omslagfoto van uw pagina:
Wordt weergegeven op 820 pixels breed bij 312 pixels hoog op uw pagina op computers en 640 pixels breed bij 360 pixels hoog op smartphones.
Moet ten minste 400 pixels breed en 150 pixels hoog zijn.
Laadt het snelst op als een sRGB JPG-bestand van 851 pixels breed, 315 pixels hoog en minder dan 100 kilobytes.
De richtlijnen kunnen verwarrend zijn. Er zijn een aantal dingen die je moet weten, voordat je aan de slag gaat met het maken van je Facebook omslagfoto of afbeelding. Hier worden dezelfde richtlijnen een beetje anders weergegeven:
- 851px breedte x 315px hoogte: aanbevolen grootte voor desktop
- 820px breedte x 312px hoogte: weergave op desktop
- 640px breedte x 360px hoogte: weergave op smartphones
- 400px breedte x 150px hoogte: minimale omslagafbeeldingsgrootte
Het verfijnen van Facebook’s richtlijnen
Je hebt maar twee van Facebook’s vier aanbevelingen nodig. Door aan de twee te voldoen, voldoe je eigenlijk aan alle vier de voorwaarden als bijproduct van je werk. Dit zijn de twee die je aanhoudt:
- 851px breedte x 315px hoogte: aanbevolen grootte voor desktop
- 640px breedte x 360px hoogte: weergave op smartphones
Als je kijkt naar de omslagafmetingen die je aanhoudt, zie je een desktophoogte van 315px en een mobiele hoogte van 360px. Dezelfde Facebook omslag moet worden gebruikt voor desktop en mobiel, wat betekent dat je absolute minimum hoogte 360px moet zijn. Daarom heb je nu de volgende Facebook-covergrootte nodig:
- 851px breedte x 360px hoogte: minimale weergavegrootte voor desktop en mobiel
Nu heb je een Facebook-covergrootte die te hoog is voor desktop en te breed voor mobiel. Het zou niet moeten zijn wat je wilt, maar het is precies wat je wilt. Even later zal duidelijk worden waarom dat zo is.
Je moet nog één maatverandering aanbrengen in je Facebook-omslaggrootte. Hoge resolutie desktop- en laptopschermen worden steeds populairder. Facebook’s aanbevelingen voor afbeeldingsgrootte zijn al geschikt voor mobiele schermen met een hoge resolutie. Hetzelfde geldt echter niet voor desktop- en laptopschermen. Als u wilt dat uw Facebook-omslagafbeelding er scherp uitziet op grote schermen, moet u de afbeeldingsgrootte verdubbelen:
- 1.702px breedte x 720px hoogte: perfecte weergavegrootte voor desktop en mobiel
Hierboven staan de uiteindelijke canvasafmetingen. Uw omslagafbeelding op Facebook zal aan die afmetingen voldoen.
Valstrikken vermijden
Nu u de afmetingen van uw omslag op Facebook weet, kunt u beginnen met het ontwerpen van uw omslagafbeelding. Een bezoeker van uw pagina ziet een deel of het geheel van uw omslagafbeelding, afhankelijk van of hij vanaf een groot scherm (desktop of laptop) of een mobiel apparaat komt.
Bezoekers van een groot scherm zien de volledige omslagafbeelding. Mobiele bezoekers zien alleen het lichtblauwe gedeelte. Facebook snijdt de zijkanten eraf.
Herbekijken van de kapotte Facebook-omslagafbeelding van Plates
Eerder zag u de kapotte Facebook-omslagafbeelding van Plates. Het ziet er prima uit op laptops en desktops.
De Facebook-pagina van Plates ziet er veel anders uit op mobiel. Hieronder zie je wat klanten op hun mobiele telefoon zien. Een groot deel van het logo ontbreekt en de tekst is onleesbaar.
Wanneer u de Facebook-omslagafbeelding van Plates op de eerder geïdentificeerde afmetingen plaatst, is het gemakkelijk te zien wat er is gebeurd. Facebook geeft alleen het midden van de afbeelding weer als omslag op mobiel. De rest wordt bijgesneden en is verloren informatie.
Sjabloon voor uw Facebook-omslag maken
Om uw Facebook-omslagafbeelding te ontwerpen, gebruikt u de afmetingen die we eerder hebben opgegeven.
- Teken een vak van 1.702 pixels breed en 720 pixels hoog
- Gebruik een andere kleur en teken een ander vak van 1.280 pixels breed en 720 pixels hoog
- Center het kleinere vak bovenop het grotere
U zou nu iets moeten hebben dat lijkt op het onderstaande sjabloon. We hebben wat horizontale en verticale lijnen toegevoegd als compositiehulpjes om de Regel van Derden te laten zien. De verticale lijnen zijn niet exact gepositioneerd, omdat Facebooks grote en kleine afbeeldingen verschillende verhoudingen hebben. Ze komen echter wel in de buurt, en de zijkanten van de vetgedrukte plussymbolen laten het verschil tussen de twee zien. Als u de inhoud rond de plustekens ordent, krijgt u iets wat de meeste mensen prettig vinden.
De afbeelding van uw Facebook-omslag ontwerpen
Nu selecteert u een afbeelding die u mooi vindt en plaatst u deze boven op de twee vakken die u hebt gemaakt. Maak de afbeelding grotendeels transparant, zodat je de vakken eronder kunt zien. Dat komt later wel. U zou nu iets als dit moeten zien:
Het lichtblauwe gedeelte is zichtbaar op desktop en mobiel. Het donkerblauwe gedeelte is alleen zichtbaar op desktops en laptops. Zodra de afbeelding is geplaatst zoals u wilt, voegt u tekst of afbeeldingen toe.
Verwijder de transparantie van de afbeelding. Op dit punt zou je de achtergrondvakken die je hebt gemaakt helemaal niet meer moeten zien. De omslagafbeelding van Facebook zou precies zo moeten worden weergegeven als bezoekers van uw pagina op een desktop of laptop zullen zien.
U hebt al het harde werk gedaan. Upload je voltooide afbeelding naar Facebook en stel deze in als je omslagafbeelding. Bezoek vervolgens uw Facebook-pagina vanaf een mobiel apparaat. Het zou er dan zo uit moeten zien:
Het is je gelukt!
We hopen dat deze handleiding nuttig was. Als dat zo was, laat het ons weten. We hebben onze sjabloon voor de omslagafbeelding van Facebook gratis beschikbaar gemaakt om te downloaden in een aantal formaten.
- Download de sjabloon als een Sketch-bestand
- Download de sjabloon als een 1.702px x 720px JPG
Geef een antwoord