Facebook på en mobiltelefon ved siden af en bærbar computer

For mange virksomheder er Facebook det primære værktøj, som de bruger til at komme i kontakt med deres kunder. For nogle er det det eneste værktøj. Så det bør ikke komme som nogen overraskelse, at, udseendet af din virksomheds Facebook-side kan have en enorm indflydelse på, hvor seriøst folk tager din virksomhed. En lille indsats på forhånd og lidt omhu kan betyde mange penge senere hen. I denne artikel vil vi dele nogle af de tricks, vi bruger til at skabe det perfekte Facebook-coverbillede hver gang.

Først, når du opretter et Facebook-coverbillede til en virksomhedsside, vil du måske gerne inkludere et logo, en grafik eller ord for at kommunikere et budskab. Selv om du kan oprette et coverbillede ved hjælp af Facebooks iOS- eller Android-app, er det nemmere at bruge din stationære computer eller bærbare computer.

En vis baggrund

Plates er en fiktiv restaurant. Som enhver lokal virksomhed har de en Facebook-side. Og ligesom alle virksomheder med en Facebook-side besøger kunderne deres side ved hjælp af stationære computere, bærbare computere og mobiltelefoner.

Dette er Plates’ Facebook-coverbillede. Det er i stykker. Senere vil du se hvordan.

Et ødelagt Facebook-omslagsbillede

Retningslinjer for Facebook-omslagsbilleder

Facebook giver retningslinjer til brugere, der ønsker at tilføje omslagsbilleder til deres sider. Retningslinjerne er de samme for erhvervs- og personlige sider.

Din sides forsidefoto:

Det vises med en bredde på 820 pixel og en højde på 312 pixel på din side på computere og med en bredde på 640 pixel og en højde på 360 pixel på smartphones.

Det skal være mindst 400 pixel bredt og 150 pixel højt.

Læses hurtigst som en sRGB JPG-fil, der er 851 pixel bred, 315 pixel høj og mindre end 100 kilobyte.

Retningslinjerne kan være forvirrende. Der er nogle ting, du skal vide, før du går i gang med at lave dit Facebook-coverfoto eller din grafik. Her er de samme retningslinjer vist lidt anderledes:

  • 851px bredde x 315px højde: Anbefalet størrelse til desktop
  • 820px bredde x 312px højde: Visning på desktop
  • 640px bredde x 360px højde: visning på smartphones
  • 400px bredde x 150px højde: minimumsstørrelse for coverbillede

Refinering af Facebooks retningslinjer

Du har kun brug for to af Facebooks fire anbefalinger. Når du opfylder de to, opfylder du faktisk alle fire betingelser som et biprodukt af dit arbejde. Det er de to, du beholder:

  • 851px bredde x 315px højde: anbefalet størrelse til desktop
  • 640px bredde x 360px højde: visning på smartphones

Når du kigger på de coverdimensioner, du beholder, vil du bemærke en desktophøjde på 315px og en mobilhøjde på 360px. Det samme Facebook-cover skal bruges til desktop og mobil, hvilket betyder, at din absolutte minimumshøjde skal være 360px. Derfor er den Facebook-omslagsstørrelse, du har brug for, nu følgende:

  • 851px bredde x 360px højde: mindste visningsstørrelse til desktop og mobil

Nu har du en Facebook-omslagsstørrelse, der er for høj til desktop og for bred til mobil. Det burde ikke være det, du ønsker, men det er præcis det, du ønsker. Lidt senere vil det fremgå, hvorfor det er rigtigt.

Du bør foretage endnu en ændring af størrelsen på din Facebook-omslagsstørrelse. Skærme med høj opløsning på stationære og bærbare computere bliver stadig mere populære. Facebooks anbefalinger for billedstørrelser tager allerede højde for mobilskærme med høj opløsning. Det samme gælder dog ikke for stationære og bærbare skærme. Hvis du vil have dit Facebook-coverbillede til at se skarpt ud på store skærme, skal du fordoble din billedstørrelse:

  • 1.702px bredde x 720px højde: perfekt skærmstørrelse til desktop og mobil

Ovenfor har du dine endelige lærredsdimensioner. Dit Facebook-omslagsbillede vil overholde disse dimensioner.

Undgå nogle almindelige faldgruber

Nu, hvor du kender dine Facebook-omslagsdimensioner, kan du begynde at designe dit omslagsbillede. En besøgende på din side vil se noget af eller hele dit omslagsbillede, afhængigt af om de besøger siden fra en stor skærm (desktop eller bærbar computer) eller en mobilenhed.

Facebook-omslags visningsområde på desktop og mobil

Besøgende på en stor skærm vil se hele omslagsbilledet. Besøgende på mobiler vil kun se det lyseblå område. Facebook vil hugge siderne af.

Revisitering af Plates’ ødelagte Facebook-coverbillede

Tidligere så du Plates ødelagte Facebook-coverbillede. Det ser fint ud på bærbare computere og stationære computere.

Et ødelagt Facebook-coverbillede

Plates’ Facebook-side ser meget anderledes ud på mobilen. Nedenfor er det, som kunderne ser på deres mobiltelefoner. Der mangler en stor del af logoet, og teksten er ulæselig.

Der mangler beskårne oplysninger på Facebook-siden

Når man placerer Plates’ Facebook-coverbillede oven på de tidligere identificerede dimensioner, er det nemt at se, hvad der er sket. Facebook viser kun midten af billedet som cover på mobilen. Resten er beskåret fra visning og er tabt information.

Overlay viser, hvordan Facebook-coveret er ødelagt

Skabelse af din Facebook-cover-skabelon

For at designe dit Facebook-coverbillede skal du bruge de dimensioner, vi har angivet tidligere.

  1. Tegn en boks, der er 1.702 pixel bred og 720 pixel høj
  2. Tegn en anden boks, der er 1.280 pixel bred og 720 pixel høj, med en anden farve
  3. Center den mindre boks oven på den større

Du skal have noget, der ligner nedenstående skabelon. Vi har tilføjet nogle vandrette og lodrette linjer som kompositionshjælpere for at vise tredjepartens regel. De lodrette linjer er ikke nøjagtigt placeret, fordi Facebooks billeder på store og små skærme har forskellige proportioner. De er dog tæt på, og siderne af de fedtstillede plus-symboler viser forskellen mellem de to. Organiser dit indhold omkring plus-symbolerne, og du burde ende med noget, der er tiltalende for de fleste øjne.

Templare til design af Facebook-omslag

Design af dit Facebook-omslagsbillede

Vælg nu et billede, du kan lide, og placer det oven på de to kasser, du har oprettet. Gør billedet mest gennemsigtigt, så du kan se kasserne under det. Du retter det senere. Du bør se noget som dette:

Skabelon til Facebook-omslag oven på omslagsbillede

Det lyseblå område vil blive vist på desktop og mobil. Det mørkeblå område vil kun være synligt på desktops og bærbare computere. Når dit billede er placeret, som du vil have det, kan du tilføje tekst eller grafik.

Facebook-omslagsskabelon øverst på omslagsbillede og grafik

Fjern gennemsigtigheden fra billedet. På dette tidspunkt bør du slet ikke kunne se de baggrundsbokse, du har lavet. Faktisk bør du se dit Facebook-omslagsbillede præcis som de besøgende på din side vil se det, når de besøger den fra en stationær eller bærbar computer.

Korrigeret Facebook-omslagsbillede som vist på en stationær computer

Du har gjort alt det hårde arbejde. Upload dit færdige billede til Facebook, og indstil det som dit coverbillede. Besøg derefter din Facebook-side fra en mobilenhed. Det skal se sådan ud:

Korrigeret Facebook-coverbillede som vist på mobil

Du gjorde det!

Vi håber, at denne vejledning var nyttig. Hvis den var det, så lad os vide det. Vi har gjort vores skabelon til Facebook-omslagsbillede gratis til download i et par formater.

  • Download skabelonen som en Sketch-fil
  • Download skabelonen som en 1.702px x 720px JPG