How to Size & Design Your Facebook Cover Photo or Video [Templates]

When individuals arrive at your Fb Web page, the place do you suppose they first look?
I will offer you some hints. It is a visible piece of content material that sits on the high of your Web page. Its dimensions are 820 pixels vast by 312 pixels tall. It takes up virtually 1 / 4 of the display screen on most desktop browsers.

That is proper — it is your Fb cowl photograph. hbspt.cta._relativeUrls=true;hbspt.cta.load(53, ’69cf0017-d61c-4fc6-b644-fe344f8d6330′, {“area”:”na1″});
Typically referred to as your Fb banner, this graphic is among the most noticeable components of your Web page. It is subsequently essential that you just observe Fb cowl photograph finest practices and optimize your cowl photograph for the best dimensions.

Fb Cowl Picture Dimension

Fb cowl photographs are 820 pixels vast and 312 pixels tall for desktop, and 640 pixels vast by 360 pixels tall for cellular. In case your uploaded picture is smaller than these dimensions, Fb will stretch it to suit, making it look blurry.

A canopy photograph can take your Fb Enterprise Web page to the subsequent degree. Whether or not you are utilizing Fb to generate leads, shut your subsequent sale, or create a buyer neighborhood, understanding the right way to make and optimize your cowl photograph is essential. And when you think about the Fb cowl photograph dimensions above, it may be powerful to steadiness creativity with the necessities of the platform.

As you may see from the determine above, there’s a whole lot of house you could threat chopping off of your remaining cowl photograph design relying on the place your viewers is viewing the web page — cellular or desktop.
Subsequently, it is best to focus the brunt of your content material in that inexperienced house, the place everybody can see your cowl photograph whatever the gadget they’re utilizing.
Need assistance getting began? Under, you will discover Fb cowl photograph templates, and simply as many finest practices to information you when designing your model’s banner paintings. On the backside of this put up, learn the way to show your cowl photograph into a canopy video, and take a look at a couple of examples to see what others have finished.

window.msfPolicies = {
hubspot: {
coverage: “HubSpot makes use of the data you present to us to contact you about our related content material, merchandise, and providers [[hs_partners]]. You possibly can unsubscribe from communications from HubSpot at any time. For extra info, try HubSpot’s [[hs_privacy]]. “,
linkText: “Privateness Coverage”,
hyperlink: ‘https://authorized.hubspot.com/privacy-policy’,
},
accomplice: {
coverage: ‘To unsubscribe from [[name]] communications, see their [[policy]]. ‘,
linkText: ‘Privateness Coverage’,
},
companions: [

]
};

window.msfFormData = {
settings: {
formId: “bdb9e7a1-324f-424f-b423-48838b76c525”,
pageId: “289284096”,
sfdcCampaignId: “”,
ipAddress: “34.233.122.58”,
offerImage: ‘//cdn2.hubspot.internet/hubfs/53/instruments/Multipercent20Steppercent20Form/reward.svg’,
language: “en”
},
steps: [{
id: 1,
label: “Hi 👋 What’s your name?”,
components: [{

id: ‘firstName’,
type: ‘text’,
name: ‘fname’,
label: “First Name”,
placeholder: “John”

}, {

id: ‘lastName’,
type: ‘text’,
name: ‘lname’,
label: “Last Name”,
placeholder: “Smith”

}]
},
{
id: 2,
label: “Hello [[]], what’s your e-mail tackle?”,
parts: [{
id: ’emailAddress’,
type: ’email’,
name: ’email’,
label: “Email Address”,
placeholder: “[email protected]”,
privacy: {
text: “Privacy Policy”,
url: “https://legal.hubspot.com/privacy-policy”
}
}]
},
{
id: 3,
label: “And your cellphone quantity?”,
parts: [{
id: ‘phoneNumber’,
type: ‘tel’,
name: ‘phone’,
label: “Phone Number”,
placeholder: “111 222 3333”,
}],
subText: “For our personal data solely, HubSpot won’t ever promote your info”
},
{
id: 4,
label: “What’s your organization’s title and web site?”,
parts: [{
id: ‘companyName’,
type: ‘text’,
name: ‘company’,
label: “Company”,
placeholder: “HubSpot”,
}, {
id: ‘companyWebsite’,
type: ‘url’,
name: ‘url’,
label: “Website”,
placeholder: “www.hubspot.com”,
}]
},
{
id: 5,
label: “What number of workers work there?”,
parts: [{
id: ’employeeCount’,
name: ’employees’,
type: ‘range’,
ranges: [
‘1’,
‘2 – 5’,
‘6 – 10′,
’11 – 25′,
’26 – 50′,
’51 – 200’,
‘201 – 1,000’,
‘1,001 – 10,000’,
‘10,001+’
]
}]
},
{
id: 6,
label: “Does your organization present any of the next providers?”,
parts: [{
id: ‘serviceBased’,
name: ‘services’,
type: ‘radio’,
services: [‘Web Design’, ‘Online Marketing’, ‘SEO/SEM’, ‘Advertising Agency Services’],
choices: [‘Yes’, ‘No’]
}],

skip: true

},
{
id: 7,
label: window.msfPolicies.hubspot.coverage,
coverage: true,
parts: [{
id: ‘download’,
type: ‘cta’,
label: “Get Your Free Templates”,
link: “https://offers.hubspot.com/thank-you/facebook-cover-photo-templates?hubs_post-cta=interactive “,
newTab: true
}]
}
]
};

Free Templates

11 Fb Cowl Picture Templates for Companies

Inform us a little bit about your self under to achieve entry at present:

window.g_wt_getHiddenFormFields = perform() {
if(window.ga){
var tracker = window.ga.getAll()[0];
return
}
};

Fb Cowl Picture Greatest Practices
1. Do abide by Fb’s cowl photograph tips.
It looks as if a no brainer, however obeying Fb’s cowl photograph tips is essential to your Fb Web page present within the first place. I might extremely recommend studying by means of the total Web page Pointers, however listed here are a couple of vital issues to bear in mind on your Fb banner:
Your cowl is public.
Covers cannot be misleading, deceptive, or infringe on anybody else’s copyright.
You possibly can’t encourage individuals to add your cowl to their private timelines.
Should you get caught violating the above phrases, Fb might take motion towards your Web page. And whereas Fb does not explicitly say what is going to occur for those who violate their cowl photograph tips, it is in all probability not sensible to get your Fb Web page taken down over a canopy photograph infraction, so learn the rules in full and cling to them.
2. Do ensure your Fb cowl photograph dimension is true.
As acknowledged initially of this text, one of the best Fb banner dimension is 820 pixels vast by 312 pixels tall for computer systems, and 640 pixels vast by 360 pixels tall on cellular gadgets.
You do not need to spend all this time designing a canopy photograph solely to have it look bizarre if you add it to Fb.
Should you add a picture smaller than these dimensions, Fb will stretch it to suit the best dimension, so long as it is at the very least 399 pixels vast and 150 pixels tall.
In order for you a no-hassle means to verify your cowl photographs are the best dimension, obtain our pre-sized template for Fb cowl photographs.
Featured Useful resource: Fb Cowl Picture Templates
Obtain the Free Templates
3. Don’t fret concerning the outdated ‘20% textual content’ rule, however nonetheless attempt to keep visible.
Again in 2013, Fb eliminated any reference to the 20% rule on textual content in cowl photographs … however that does not imply it is best to go wild with utilizing textual content in your design. The earlier rule mentioned that solely 20% of your cowl photograph could possibly be textual content. Personally, I assumed that was means too restrictive for entrepreneurs, however the sentiment behind the rule was a superb one.
If you are going to use textual content in your cowl photograph, hold that textual content concise. Your photograph will probably be way more informative and fascinating. You possibly can see how we have tried to strike that steadiness on HubSpot’s Fb Web page under.
Wish to see how HubSpot makes use of Fb? Like our Fb Web page right here.
4. Do give your cowl picture a focus and colours that match your model.
Consider your cowl photograph because the portion of your Web page that is “above the fold.” If it is distracting or complicated, individuals will probably be extra more likely to click on off the Web page.
Most of the finest Fb cowl photographs embrace a centerpiece to focus guests’ consideration, together with a shade scheme that aligns with the remainder of their model. Bear in mind, your social media accounts are extensions of your enterprise, and may give that impression to guests straight away.
In addition they use detrimental white (i.e., empty) house as a bonus to make the topic, the copy, and the weather distinctive to Fb (just like the CTA button on Fb enterprise Pages) stand out much more.
This is an instance from The New York Occasions:

And one from social media administration platform Sprout Social:

5. Do not attempt to mix the contents of your cowl photograph together with your profile image.
With some intelligent design tweaks, you used to have the ability to manipulate your profile image and canopy photograph so they seem as in the event that they’re two components of the identical canvas.
Considered one of Paris’ outdated cowl photographs is a superb instance of this:

You possibly can nonetheless do that in your private profile, however Fb not units up Enterprise Pages this manner.
Now, as proven within the examples earlier on this article, the profile image is totally separate from the quilt photograph.
We admire your creativity, however do not put together your design this manner if you have not but launched a Enterprise Web page.
6. Do draw consideration to the motion buttons on the underside proper.
You would possibly’ve seen in a couple of of the quilt photograph examples above that their main call-to-action (CTA) buttons have been totally different. HubSpot’s says “Ship Message,” whereas Sprout Social’s says “Signal Up.”
Relying on your enterprise, you may launch a Web page on Fb with a novel CTA button to the underside proper of your cowl photograph. Take this button into consideration when designing your cowl photograph, and make it clear within the photograph that this can be a customer’s subsequent step.
LinkedIn Studying does this in a delicate means under, putting the graphic of a person on a laptop computer over the “Signal Up” button, drawing your eye to that call-to-action.

Be aware: Whereas it’d look like a good suggestion so as to add directional cues like an arrow to get individuals to click on on the CTA buttons, notice that these CTA buttons do not seem the identical means on the cellular app. In different phrases, it could be complicated to cellular customers for those who straight combine the quilt photograph design with the buttons.
I will present you ways Enterprise Pages look on cellular gadgets in only a minute.
7. Do right-align the objects in your cowl photograph.
Since your profile image is on the left, you need to add some steadiness to your Fb cowl photograph design by having the main target of the picture be on the best.
Check out these cowl photographs. Which one seems extra aesthetically pleasing?
Proper-aligned focus:

Left-aligned focus:

Would not the right-aligned cowl photograph look higher? In Samsung’s new cowl photograph, the most important design components (the profile image, the textual content, and the 2 telephones) are evenly spaced. In Samsung’s outdated cowl photograph, your consideration goes instantly to the left facet of the web page, fully lacking the title of the product on the upper-right facet.
Not solely is including steadiness a vital component of design, however it additionally permits on your cowl photographs to be extra visually efficient on cellular. Which brings me to my subsequent level …
8. Do hold cellular customers in thoughts.
Statista studies that 98.3% of Fb’s consumer base accesses the social community from cellular gadgets like smartphones and tablets. That is big — and it is precisely why it is so vital to maintain cellular customers top-of-mind when designing your Fb cowl photograph.
On cellular, a a lot bigger portion of your cowl photograph is blocked out. The suitable facet is usually minimize out totally.
Let’s check out a real-life instance. Under, try what Cisco’s Fb Web page seems like in a desktop browser versus on Fb’s cellular app.
Desktop:

Cellular:
Whereas your cowl photograph shows at 820 pixels vast by 312 pixels tall on desktop, it shows solely 640 pixels vast by 360 pixels tall on smartphones. Check out this Fb assist doc for extra info.
It’s vital to notice that the textual content in Cisco’s cowl photograph is totally minimize off. Whereas it seems finest to right-align your visible components, watch out to not put vital content material thus far to the best that it will get minimize off on cellular.
9. Do embrace a shortened hyperlink in your cowl photograph description that aligns together with your web page CTA.
If you wish to use your cowl photograph to help a Web page CTA, ensure your cowl photograph description additionally features a textual content CTA and hyperlink to the identical provide. This fashion, any time individuals view your cowl photograph straight, they’ll entry the hyperlink.
This is this follow in motion on the Adobe Artistic Cloud Fb Web page:

Be sure you shorten your hyperlinks and add UTM codes so you may observe clicks on them. Shortening and monitoring options can be found in Advertising Hub and in instruments like bitly.
(If you wish to study extra about the right way to write efficient call-to-action copy on your cowl photograph description, click on right here to obtain our free book on creating compelling CTAs.)
10. Do pin a associated put up proper under your Fb cowl picture.
Have you ever ever “pinned” a put up to your Fb Web page’s Timeline? Principally, pinning a put up means that you can spotlight a typical Fb put up on the highest of your Timeline for seven days. It is signified by a “PINNED POST” title on the highest proper of the put up, like on Behance’s Web page under:

How does this relate to optimizing your Fb cowl photograph? Properly, for those who’re spending time aligning your Fb Web page CTA, your cowl photograph design, and your cowl photograph description copy, you also needs to ensure to put up about the identical factor on to your web page, and pin that put up to the highest of your Timeline.
That means, you are giving individuals one very clear call-to-action after they arrive to your web page (albeit in a number of totally different areas) — which ought to assist conversions.
To pin a Fb put up: Merely publish the put up to Fb, then click on the three dots on the highest proper nook of the put up and select “Pin to Prime of Web page.”

11. Do contemplate publishing a Fb cowl video.
You learn that proper. Fb Enterprise Pages now have the choice so as to add a video in lieu of a static cowl photograph, supplied they meet sure necessities.
Let’s go over how you are able to do that.

Submit a Fb cowl video by first saving a video file at 820 pixels vast by 312 pixels tall to your desktop.
Subsequent, add that video to your Web page’s video library.
Fb will solely allow you to select a video that matches its dimension necessities. The platform presently helps cowl movies which are between 20 and 90 seconds lengthy, and a minimal of 820 pixels vast by 312 pixels tall. The utmost (and really helpful) dimension is 820 by 462 pixels with a video decision of 1080p.
After importing the video, click on “Edit” on the backside proper of your cowl photograph, and choose “Select from Movies.”

Choose the video you’ve simply uploaded and reposition it in order that it focuses on the component you’d like to focus on.
If you click on “Subsequent,” you will be requested to pick from 10 thumbnails on your video. Select the one which works finest.
Needless to say Fb cowl movies play on a loop — as soon as it ends, it robotically begins over if the viewer remains to be in your Fb web page. With that in thoughts, ensure no matter you put up is nice if seen greater than as soon as. Excessive, action-packed movies would possibly seem exhausting when performed again and again.
Fb Cowl Video Examples
Cowl movies are a terrific choice for the video-inclined, and types throughout quite a few industries have already taken benefit of it to carry their guests’ consideration.
Listed here are some nice cowl movies to encourage you.
REI
REI sells out of doors tools for actions like tenting, mountain climbing, working, boating, and biking. The corporate’s delicate cowl video displays its merchandise, multi functional peaceable time lapse of the surroundings it is aware of its viewers craves.

Picture Supply
Nokia
Nokia needs to be all over the place its customers are — whether or not they’re paddle-boarding, scuba diving, skateboarding, or working. Its Fb cowl video embodies its core buyer in a visually pleasing means.

Picture Supply
WIRED Journal
When your publication modifications as quick because the information cycle, it may be arduous to maintain your readers targeted on the tales you’re feeling deserve further consideration. WIRED Journal makes use of its Fb cowl video for simply this objective, as proven within the instance under.

Picture Supply
HubSpot Academy
Alright, possibly we’re biased, however our sensible inventive crew crushed it with the video under, made for HubSpot Academy. Typically, animation is one of the simplest ways to seize the essence of your model.

Picture Supply
Subsequent, let’s take a look at some examples of what Fb cowl movies seem like if you’re logged into the platform.
Black Lady Sunscreen
Black Lady Sunscreen makes us really feel all the great issues with its Fb cowl video. In it, the model exhibits its prospects having fun with the solar, making us want that summer time have been right here (or that it could final endlessly).

Picture Supply
Grammarly
Grammarly is a instrument for error-checking articles, emails, and some other written paperwork. The corporate’s delicate cowl video displays how clean its prospects’ writing will probably be after they run it by means of the Grammarly program.

Picture Supply
The Sip
The Sip is a Black-run and woman-owned Fb neighborhood devoted to selling self-care and social consciousness. The model makes use of a video to current the subjects that they cowl of their platform, which invitations customers to remain on the web page and interact.

Picture Supply
Sprout Social
Sprout Social permits manufacturers to handle their social media profiles in a single platform. Its Fb cowl video exhibits 4 totally different bubbles that signify the writing, posting, reporting, and analyzing of social media posts in a single field. On this means, Sprout Social exhibits precisely how its instrument works.

Picture Supply
Sundays Studio
This woman-owned nail care model makes use of its cowl video to point out how prospects really feel as soon as they step right into a Sundays salon — or put on Sundays nail polish.

Picture Supply
ComicBook.com
ComicBook.com is a information web site overlaying all the pieces that’s associated to motion pictures, exhibits, and popular culture. In its Fb cowl video, it provides viewers a style of the subjects, motion pictures, and actors the publication covers every day.

Picture Supply
Stasher
Stasher appeals to eco-conscious consumers with a enjoyable, animated Fb cowl video that shares how your buy impacts the planet.

Picture Supply
As you may see from these examples, your video needs to be simply so simple as a canopy photograph. Needless to say the identical tips outlined in finest follow #1 apply to cowl movies as nicely.
Fb Cowl Picture Sizes that Work for Your Enterprise
Selecting the best cowl dimension on your Fb Web page could seem easy, however it will possibly have a huge effect on customers and prospects visiting your Web page. An ill-fitting cowl photograph or video can look unprofessional and provides the improper impression concerning the high quality of your services or products. With the guidelines I’ve shared, you’ll make sure you select a Fb cowl photograph that embodies your model, conveys high quality, and engages customers on the platform.
Editor’s notice: This put up was initially printed in July 2020 and has been up to date for comprehensiveness.
hbspt.cta._relativeUrls=true;hbspt.cta.load(53, ‘fe6ccf43-a6d0-45a6-b8e8-bb381d859caf’, {“area”:”na1″});

  hbspt.cta._relativeUrls=true;hbspt.cta.load(53, ‘264a4f58-9a93-42e7-b8e7-a7a6a6787e3c’, {“area”:”na1″});

Initially printed Apr 1, 2021 7:00:00 AM, up to date April 01 2021

Matters:

Photos

Remember to share this put up!

0 Comments

Leave a Reply

More great articles

22 Stats that Make a Case for Using Webinars in Your Marketing Strategy

A webinar is a video presentation, seminar, lecture, or workshop delivered over the web. Though as soon as declared useless…

Read Story

How to Create a Profitable Amazon Marketing Strategy for 2021

Amazon is everywhere. There’s no getting around it: From small sellers to large enterprises, getting your products noticed — and…

Read Story

The Social Media Content Calendar Template Every Marketer Needs [Free Template]

"Now we have a 9 a.m. assembly? Maintain on — let me simply click on across the web like a…

Read Story

Never miss a minute

Get great content to improve your business. We promise we won't send you spam.

    Only great content, we don’t share your email with third parties.
    Arrow-up