What Size Do Facebook Cover Photos Need to Be
By
Arif Rahman
—
Jan 30, 2018
—
Cover Size
What Size Do Facebook Cover Photos Need To Be: When people reach your Facebook Web page, where do you think they first look?
I'll offer you some tips. It's a visual item of material that rests at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies practically a quarter of the display on many desktop computer browsers.
That's right-- it's your Facebook cover image.
Because it is just one of one of the most visible parts of your web page, it's vital that you comply with Facebook cover image best methods.
Whether you're using Facebook to create leads, shut your following sale, or create a client community, knowing how you can make as well as enhance your cover image is crucial. Continue reading to learn just what you need to (as well as shouldn't) perform in your cover picture.
1) Do abide by Facebook's cover photo standards
It feels like a piece of cake, however complying with Facebook guidelines is important to your Facebook Page existing in the first place. I 'd extremely suggest reading through the complete Web page Standards, however right here are a couple of crucial things to bear in mind for your cover image:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on any individual else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you obtain caught violating the above terms, Facebook could act against your Page. And also while Facebook doesn't clearly state what will occur if you breach their Page guidelines, it's most likely not wise to obtain your Facebook Web page taken down over a cover image offense, so read the standards in full and also stick to them.
2) Do ensure your Facebook cover picture dimension is right: 851 px broad by 315 px tall
You don't intend to spend all this time creating a cover image ... only to have it look unusual when you post it to Facebook.
Make sure your cover photo will certainly look wonderful from the outset by seeing to it it's the ideal dimensions: 851 pixels wide and 315 pixels tall.
If you publish a picture smaller than those measurements, Facebook will certainly extend it to fit the ideal dimension, as long as it's at least 399 pixels broad as well as 150 pixels tall.
If you desire a no-hassle way making certain your cover photos are the right size, download our pre-sized theme for Facebook cover pictures right here.
3) Don't worry regarding the old "20% text" guideline, yet still aim to remain aesthetic
Back in 2013, Facebook removed any kind of reference to the 20% policy on text in cover photos ... however that does not mean you ought to go wild with utilizing text in your cover image. The previous guideline claimed that only 20% of your cover image could be text. Personally, I thought that was way too restrictive for marketing professionals, but the belief behind the policy was a good one.
If you're going to make use of message in your cover photo, maintain that message concise. Your picture will certainly be a lot more helpful and interesting.
4) Keep the image simple, with a clear focal point
Consider your cover image as the part of your Page that's "above the layer." If it's distracting or poor quality, individuals will be more probable to click off the page.
Much of the very best Facebook cover images include a single subject as the centerpiece. They also use unfavorable white (i.e., void) as a benefit to make the topic, any copy on there, and also other elements special to Facebook (like the CTA button on Facebook business Pages) attract attention a lot more.
5) Do not hide web content behind your profile photo
As a result of the means profile images are showcased on Facebook Pages, there's an area of your cover photo that won't appear unless you click it. Your Web page name and the switches under right likewise cover portions of your image.
According to Facebook's Aid web page, on desktop, the profile picture is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being said, you could likewise utilize this covert space to your advantage-- perhaps even hiding an Easter egg behind the profile image for a contest. However typically, keeping that room clear is an excellent ideal method.
6) Don't place crucial material on the bottom of your image, either
Your profile image isn't the only part of your cover picture that will be partially concealed on your main Web page. You'll also intend to prevent putting vital material or essential parts of your image on the bottom of your photo where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line regarding halfway up your profile image, and keeping vital material (like message or hashtags) over that.
7) Do right-align the items in your cover photo
Given that your profile picture is on left, you want to include some equilibrium to your Facebook cover picture layout by having the focus of the image get on the right.
Have a look at these cover photos. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover image look better? The most significant layout aspects (the account picture, the text, and also the beer) are uniformly spaced. In the Samsung cover photo, your interest goes quickly to the left side of the web page, totally missing the name of the item on the top best side.
Not just is including equilibrium an essential component of style, but it likewise allows for your cover pictures to be extra aesthetically effective on mobile. Which brings me to my following point ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social media solely from mobile devices. That's significant-- and also it's precisely why it's so important to maintain mobile individuals top-of-mind when developing your Facebook cover image.
On mobile, a much bigger portion of your cover picture is blocked out because the account image as well as the Page name get on top of the cover picture.
Allow's take a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the photo are removed on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels tall on desktop computer, it displays just the center 640 pixels wide by 360 pixels high on mobile phones. Take a look at this Facebook help document to learn more.
Notice, incidentally, just how the message in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your aesthetic components, take care not to place crucial content up until now to the right that it gets cut off on mobile.
9) Do integrate the cover image design with various other parts of your Facebook Page
If you really wish to obtain innovative with your cover picture, try integrating its style with other parts of your Facebook Page. You could make your account picture and also cover picture one large canvas, or make use of some layout elements to draw attention to various capabilities of your Facebook Web page.
Below are some ideas of what these cover image integrations might resemble.
Incorporate your profile photo and cover photo.
With a little creativity and some design modifies, you can make your account photo and also cover photo appear as if they're two parts of one canvas. Take a look at among Paris' cover photos for a subtle however compelling means to do that.
Note: Considering that cover pictures show in different ways on mobile and also on desktop computer, you'll need to choose one format to create your cover picture as well as account mix for. Given that cover images are much more recognizable on desktop, I would certainly recommend prioritizing that format for your cover image and profile picture mix design.
Draw attention to the switches on right.
Complying with the most effective methods stated above, WeddingWire puts every one of its essential message to the right of their cover photo-- not just attaining an excellent layout aesthetic, but likewise drawing attention to the major calls-to-action on the Page: Like, Comply with, and also Message.
Keep in mind: While it might look like a smart idea to include directional cues like an arrow to obtain individuals to click on the CTA buttons, keep in mind that those CTA switches do not appear similarly on the mobile application. To puts it simply, it could be confusing to mobile customers if you incorporate the cover image design with the switches.
10) Do include a shortened link in your cover picture summary that lines up with your page CTA
If you want to use your cover photo to support your web page CTA, see to it your cover photo description additionally includes a message CTA and also link to the same offer. By doing this, any time people view your cover photo straight, they can access the download web link.
Make sure you shorten your web links and also include UTM codes so you could track click them. Shortening and tracking functions are available in the HubSpot Advertising Platform and also in tools like bitly.
( If you wish to find out more about how to compose reliable call-to-action copy for your cover image description, click on this link to download our complimentary ebook on creating engaging CTAs.).
11) Do pin a relevant message right listed below your Facebook cover picture
Have you ever before "pinned" an article to your Facebook Page's Timeline? Essentially, pinning a message allows you to highlight a regular Facebook article on the top of your Timeline for seven days. It's symbolized by a tiny yellow flag on the leading right of the post.
How does this associate with enhancing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover image layout, as well as your cover picture description duplicate, you should additionally make certain to post about the very same point directly to your page, and pin that upload to the top of your Timeline.
In this way, you're providing people one very clear call-to-action when they show up to your web page (albeit in numerous various areas)-- which should help conversions.
To pin a Facebook article: Merely publish the message to Facebook, after that click the downward arrowhead on the top right edge of the message as well as choose "Pin to Top.".
I'll offer you some tips. It's a visual item of material that rests at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies practically a quarter of the display on many desktop computer browsers.
That's right-- it's your Facebook cover image.
Because it is just one of one of the most visible parts of your web page, it's vital that you comply with Facebook cover image best methods.
Whether you're using Facebook to create leads, shut your following sale, or create a client community, knowing how you can make as well as enhance your cover image is crucial. Continue reading to learn just what you need to (as well as shouldn't) perform in your cover picture.
What Size Do Facebook Cover Photos Need To Be
1) Do abide by Facebook's cover photo standards
It feels like a piece of cake, however complying with Facebook guidelines is important to your Facebook Page existing in the first place. I 'd extremely suggest reading through the complete Web page Standards, however right here are a couple of crucial things to bear in mind for your cover image:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on any individual else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you obtain caught violating the above terms, Facebook could act against your Page. And also while Facebook doesn't clearly state what will occur if you breach their Page guidelines, it's most likely not wise to obtain your Facebook Web page taken down over a cover image offense, so read the standards in full and also stick to them.
2) Do ensure your Facebook cover picture dimension is right: 851 px broad by 315 px tall
You don't intend to spend all this time creating a cover image ... only to have it look unusual when you post it to Facebook.
Make sure your cover photo will certainly look wonderful from the outset by seeing to it it's the ideal dimensions: 851 pixels wide and 315 pixels tall.
If you publish a picture smaller than those measurements, Facebook will certainly extend it to fit the ideal dimension, as long as it's at least 399 pixels broad as well as 150 pixels tall.
If you desire a no-hassle way making certain your cover photos are the right size, download our pre-sized theme for Facebook cover pictures right here.
3) Don't worry regarding the old "20% text" guideline, yet still aim to remain aesthetic
Back in 2013, Facebook removed any kind of reference to the 20% policy on text in cover photos ... however that does not mean you ought to go wild with utilizing text in your cover image. The previous guideline claimed that only 20% of your cover image could be text. Personally, I thought that was way too restrictive for marketing professionals, but the belief behind the policy was a good one.
If you're going to make use of message in your cover photo, maintain that message concise. Your picture will certainly be a lot more helpful and interesting.
4) Keep the image simple, with a clear focal point
Consider your cover image as the part of your Page that's "above the layer." If it's distracting or poor quality, individuals will be more probable to click off the page.
Much of the very best Facebook cover images include a single subject as the centerpiece. They also use unfavorable white (i.e., void) as a benefit to make the topic, any copy on there, and also other elements special to Facebook (like the CTA button on Facebook business Pages) attract attention a lot more.
5) Do not hide web content behind your profile photo
As a result of the means profile images are showcased on Facebook Pages, there's an area of your cover photo that won't appear unless you click it. Your Web page name and the switches under right likewise cover portions of your image.
According to Facebook's Aid web page, on desktop, the profile picture is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being said, you could likewise utilize this covert space to your advantage-- perhaps even hiding an Easter egg behind the profile image for a contest. However typically, keeping that room clear is an excellent ideal method.
6) Don't place crucial material on the bottom of your image, either
Your profile image isn't the only part of your cover picture that will be partially concealed on your main Web page. You'll also intend to prevent putting vital material or essential parts of your image on the bottom of your photo where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line regarding halfway up your profile image, and keeping vital material (like message or hashtags) over that.
7) Do right-align the items in your cover photo
Given that your profile picture is on left, you want to include some equilibrium to your Facebook cover picture layout by having the focus of the image get on the right.
Have a look at these cover photos. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover image look better? The most significant layout aspects (the account picture, the text, and also the beer) are uniformly spaced. In the Samsung cover photo, your interest goes quickly to the left side of the web page, totally missing the name of the item on the top best side.
Not just is including equilibrium an essential component of style, but it likewise allows for your cover pictures to be extra aesthetically effective on mobile. Which brings me to my following point ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social media solely from mobile devices. That's significant-- and also it's precisely why it's so important to maintain mobile individuals top-of-mind when developing your Facebook cover image.
On mobile, a much bigger portion of your cover picture is blocked out because the account image as well as the Page name get on top of the cover picture.
Allow's take a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the photo are removed on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels tall on desktop computer, it displays just the center 640 pixels wide by 360 pixels high on mobile phones. Take a look at this Facebook help document to learn more.
Notice, incidentally, just how the message in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your aesthetic components, take care not to place crucial content up until now to the right that it gets cut off on mobile.
9) Do integrate the cover image design with various other parts of your Facebook Page
If you really wish to obtain innovative with your cover picture, try integrating its style with other parts of your Facebook Page. You could make your account picture and also cover picture one large canvas, or make use of some layout elements to draw attention to various capabilities of your Facebook Web page.
Below are some ideas of what these cover image integrations might resemble.
Incorporate your profile photo and cover photo.
With a little creativity and some design modifies, you can make your account photo and also cover photo appear as if they're two parts of one canvas. Take a look at among Paris' cover photos for a subtle however compelling means to do that.
Note: Considering that cover pictures show in different ways on mobile and also on desktop computer, you'll need to choose one format to create your cover picture as well as account mix for. Given that cover images are much more recognizable on desktop, I would certainly recommend prioritizing that format for your cover image and profile picture mix design.
Draw attention to the switches on right.
Complying with the most effective methods stated above, WeddingWire puts every one of its essential message to the right of their cover photo-- not just attaining an excellent layout aesthetic, but likewise drawing attention to the major calls-to-action on the Page: Like, Comply with, and also Message.
Keep in mind: While it might look like a smart idea to include directional cues like an arrow to obtain individuals to click on the CTA buttons, keep in mind that those CTA switches do not appear similarly on the mobile application. To puts it simply, it could be confusing to mobile customers if you incorporate the cover image design with the switches.
10) Do include a shortened link in your cover picture summary that lines up with your page CTA
If you want to use your cover photo to support your web page CTA, see to it your cover photo description additionally includes a message CTA and also link to the same offer. By doing this, any time people view your cover photo straight, they can access the download web link.
Make sure you shorten your web links and also include UTM codes so you could track click them. Shortening and tracking functions are available in the HubSpot Advertising Platform and also in tools like bitly.
( If you wish to find out more about how to compose reliable call-to-action copy for your cover image description, click on this link to download our complimentary ebook on creating engaging CTAs.).
11) Do pin a relevant message right listed below your Facebook cover picture
Have you ever before "pinned" an article to your Facebook Page's Timeline? Essentially, pinning a message allows you to highlight a regular Facebook article on the top of your Timeline for seven days. It's symbolized by a tiny yellow flag on the leading right of the post.
How does this associate with enhancing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover image layout, as well as your cover picture description duplicate, you should additionally make certain to post about the very same point directly to your page, and pin that upload to the top of your Timeline.
In this way, you're providing people one very clear call-to-action when they show up to your web page (albeit in numerous various areas)-- which should help conversions.
To pin a Facebook article: Merely publish the message to Facebook, after that click the downward arrowhead on the top right edge of the message as well as choose "Pin to Top.".