What is the Size Of Facebook Cover Photo
By
MUFY UJASH
—
Dec 20, 2017
—
Cover Size
What Is The Size Of Facebook Cover Photo: When individuals come to your Facebook Page, where do you assume they initially look?
I'll give you some hints. It's an aesthetic item of content that sits at the top of your page. Its measurements are 851 pixels broad by 315 pixels high. It occupies practically a quarter of the screen on the majority of desktop computer browsers.
That's right-- it's your Facebook cover photo.
Given that it is among the most noticeable parts of your web page, it's vital that you comply with Facebook cover picture ideal practices.
Whether you're using Facebook to produce leads, shut your following sale, or produce a customer community, recognizing the best ways to make as well as maximize your cover picture is very important. Keep reading to learn what you need to (and shouldn't) carry out in your cover image.
1) Do abide by Facebook's cover photo guidelines
It seems like a no-brainer, yet following Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd extremely suggest going through the full Page Guidelines, but below are a few important points to remember for your cover picture:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You cannot motivate people to publish your cover to their personal timelines.
If you obtain caught violating the above terms, Facebook could take action against your Page. And while Facebook doesn't clearly state exactly what will certainly happen if you breach their Page standards, it's most likely not clever to obtain your Facebook Web page removed over a cover photo infraction, so review the guidelines in full and follow them.
2) Do see to it your Facebook cover photo dimension is right: 851 px vast by 315 px high
You do not wish to spend all this time around creating a cover photo ... just to have it look unusual when you submit it to Facebook.
See to it your cover image will certainly look fabulous from the start by ensuring it's the ideal dimensions: 851 pixels large and also 315 pixels high.
If you post a photo smaller compared to those dimensions, Facebook will extend it to fit the ideal dimension, as long as it's at the very least 399 pixels vast and 150 pixels high.
If you want a no-hassle way to earn certain your cover images are the right size, download our pre-sized layout for Facebook cover pictures here.
3) Don't worry concerning the old "20% message" guideline, but still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of reference to the 20% guideline on text in cover images ... however that doesn't imply you need to go wild with using text in your cover picture. The previous rule said that just 20% of your cover photo could be text. Directly, I thought that was way too restrictive for online marketers, yet the view behind the policy was a good one.
If you're mosting likely to make use of message in your cover image, keep that text concise. Your image will be a lot more informative and appealing.
4) Maintain the picture simple, with a clear prime focus
Think about your cover image as the portion of your Web page that's "over the fold." If it's distracting or poor quality, individuals will certainly be more probable to click off the page.
A lot of the most effective Facebook cover photos include a solitary subject as the centerpiece. They likewise make use of unfavorable white (i.e., empty space) as a benefit to earn the topic, any kind of copy on there, and also other aspects special to Facebook (like the CTA button on Facebook service Pages) stand apart a lot more.
5) Do not conceal material behind your account photo
Because of the means profile pictures are featured on Facebook Pages, there's a section of your cover image that will not show up unless you click on it. Your Page name as well as the buttons on the bottom right also cover sections of your photo.
Inning accordance with Facebook's Aid page, on desktop computers, the profile picture is located 16 pixels from the left side of the cover picture, and 176 pixels from the top of the cover image.
That being said, you can likewise utilize this hidden room to your advantage-- maybe even concealing an Easter egg behind the account photo for a contest. Yet commonly, maintaining that room clear is a great finest technique.
6) Do not put important content on the bottom of your picture, either
Your profile photo isn't the only part of your cover photo that will certainly be partly concealed on your main Web page. You'll likewise want to prevent placing crucial content or crucial parts of your image under of your picture where the name of your Page and also CTA switches are.
We advise drawing an imaginary line concerning midway up your profile picture, as well as keeping vital web content (like message or hashtags) above that.
7) Do right-align the objects in your cover image
Since your account picture is on left, you wish to include some balance to your Facebook cover picture layout by having the emphasis of the picture get on the right.
Take a look at these cover pictures. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover photo look far better? The biggest layout aspects (the account image, the text, as well as the beer) are equally spaced. In the Samsung cover photo, your focus goes immediately to the left side of the page, totally missing out on the name of the item on the top best side.
Not only is including equilibrium a vital aspect of style, however it additionally allows for your cover pictures to be much more visually reliable on mobile. Which brings me to my following factor ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its user base (54.2%) accessibility the social media network solely from mobile phones. That's significant-- and also it's specifically why it's so important to keep mobile customers top-of-mind when making your Facebook cover picture.
On mobile, a much bigger part of your cover photo is shut out because the profile image and the Page name get on top of the cover picture.
Allow's have a look at a real-life instance. Below, have a look at what Adobe's Facebook Web page looks like in a desktop computer web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notice that the sides of the photo are removed on mobile. Whereas your cover photo displays at 851 pixels broad by 315 pixels high on desktop computer, it shows only the center 640 pixels large by 360 pixels tall on mobile phones. Have a look at this Facebook assistance file to find out more.
Notification, by the way, just how the message in Adobe's cover photo is removed on the right-hand side. While it looks finest to right-align your aesthetic components, beware not to place important web content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with various other parts of your Facebook Web page
If you really wish to obtain imaginative with your cover image, try incorporating its design with other parts of your Facebook Web page. You can make your account image and cover picture one big canvas, or make use of some style components to draw attention to various capabilities of your Facebook Web page.
Below are some ideas of what these cover image integrations may look like.
Integrate your profile picture as well as cover picture.
With a little creativity and some layout modifies, you could make your profile picture and cover picture appear as if they're 2 parts of one canvas. Check out one of Paris' cover images for a refined but compelling means to do that.
Keep in mind: Considering that cover photos present differently on mobile as well as on desktop, you'll need to select one style to develop your cover image and account combination for. Given that cover pictures are much more recognizable on desktop, I 'd suggest prioritizing that design for your cover picture and profile image mix design.
Draw attention to the buttons on right.
Adhering to the best practices stated above, WeddingWire places every one of its vital message to the right of their cover photo-- not just attaining a great design aesthetic, yet additionally accentuating the major calls-to-action on the Web page: Like, Follow, and also Message.
Keep in mind: While it might look like a good idea to add directional signs like an arrowhead to obtain people to click on the CTA buttons, keep in mind that those CTA buttons do not show up similarly on the mobile app. Simply puts, it could be perplexing to mobile individuals if you integrate the cover image design with the switches.
10) Do include a shortened web link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover image to sustain your web page CTA, see to it your cover image summary additionally consists of a text CTA as well as link to the exact same deal. In this manner, any time individuals see your cover image straight, they could access the download link.
See to it you shorten your web links as well as include UTM codes so you could track clicks on them. Shortening as well as tracking attributes are available in the HubSpot Advertising Platform as well as in devices like bitly.
( If you wish to learn more about ways to write reliable call-to-action copy for your cover photo summary, click here to download our complimentary ebook on developing engaging CTAs.).
11) Do pin a related message right below your Facebook cover image
Have you ever "pinned" an article to your Facebook Web page's Timeline? Primarily, pinning a blog post allows you to highlight a common Facebook post on the top of your Timeline for seven days. It's signified by a small yellow flag on the top right of the post.
How does this associate with optimizing your Facebook cover picture? Well, if you're hanging around aligning your Facebook Web page CTA, your cover photo style, and your cover picture description copy, you ought to likewise make sure to upload concerning the very same thing straight to your web page, and pin that publish to the top of your Timeline.
This way, you're offering people one very clear call-to-action when they arrive to your web page (albeit in a number of different areas)-- which need to assist conversions.
To pin a Facebook blog post: Just release the article to Facebook, then click the downward arrow on the leading right edge of the message and also pick "Pin to Top.".
I'll give you some hints. It's an aesthetic item of content that sits at the top of your page. Its measurements are 851 pixels broad by 315 pixels high. It occupies practically a quarter of the screen on the majority of desktop computer browsers.
That's right-- it's your Facebook cover photo.
Given that it is among the most noticeable parts of your web page, it's vital that you comply with Facebook cover picture ideal practices.
Whether you're using Facebook to produce leads, shut your following sale, or produce a customer community, recognizing the best ways to make as well as maximize your cover picture is very important. Keep reading to learn what you need to (and shouldn't) carry out in your cover image.
What Is The Size Of Facebook Cover Photo
1) Do abide by Facebook's cover photo guidelines
It seems like a no-brainer, yet following Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd extremely suggest going through the full Page Guidelines, but below are a few important points to remember for your cover picture:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You cannot motivate people to publish your cover to their personal timelines.
If you obtain caught violating the above terms, Facebook could take action against your Page. And while Facebook doesn't clearly state exactly what will certainly happen if you breach their Page standards, it's most likely not clever to obtain your Facebook Web page removed over a cover photo infraction, so review the guidelines in full and follow them.
2) Do see to it your Facebook cover photo dimension is right: 851 px vast by 315 px high
You do not wish to spend all this time around creating a cover photo ... just to have it look unusual when you submit it to Facebook.
See to it your cover image will certainly look fabulous from the start by ensuring it's the ideal dimensions: 851 pixels large and also 315 pixels high.
If you post a photo smaller compared to those dimensions, Facebook will extend it to fit the ideal dimension, as long as it's at the very least 399 pixels vast and 150 pixels high.
If you want a no-hassle way to earn certain your cover images are the right size, download our pre-sized layout for Facebook cover pictures here.
3) Don't worry concerning the old "20% message" guideline, but still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of reference to the 20% guideline on text in cover images ... however that doesn't imply you need to go wild with using text in your cover picture. The previous rule said that just 20% of your cover photo could be text. Directly, I thought that was way too restrictive for online marketers, yet the view behind the policy was a good one.
If you're mosting likely to make use of message in your cover image, keep that text concise. Your image will be a lot more informative and appealing.
4) Maintain the picture simple, with a clear prime focus
Think about your cover image as the portion of your Web page that's "over the fold." If it's distracting or poor quality, individuals will certainly be more probable to click off the page.
A lot of the most effective Facebook cover photos include a solitary subject as the centerpiece. They likewise make use of unfavorable white (i.e., empty space) as a benefit to earn the topic, any kind of copy on there, and also other aspects special to Facebook (like the CTA button on Facebook service Pages) stand apart a lot more.
5) Do not conceal material behind your account photo
Because of the means profile pictures are featured on Facebook Pages, there's a section of your cover image that will not show up unless you click on it. Your Page name as well as the buttons on the bottom right also cover sections of your photo.
Inning accordance with Facebook's Aid page, on desktop computers, the profile picture is located 16 pixels from the left side of the cover picture, and 176 pixels from the top of the cover image.
That being said, you can likewise utilize this hidden room to your advantage-- maybe even concealing an Easter egg behind the account photo for a contest. Yet commonly, maintaining that room clear is a great finest technique.
6) Do not put important content on the bottom of your picture, either
Your profile photo isn't the only part of your cover photo that will certainly be partly concealed on your main Web page. You'll likewise want to prevent placing crucial content or crucial parts of your image under of your picture where the name of your Page and also CTA switches are.
We advise drawing an imaginary line concerning midway up your profile picture, as well as keeping vital web content (like message or hashtags) above that.
7) Do right-align the objects in your cover image
Since your account picture is on left, you wish to include some balance to your Facebook cover picture layout by having the emphasis of the picture get on the right.
Take a look at these cover pictures. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover photo look far better? The biggest layout aspects (the account image, the text, as well as the beer) are equally spaced. In the Samsung cover photo, your focus goes immediately to the left side of the page, totally missing out on the name of the item on the top best side.
Not only is including equilibrium a vital aspect of style, however it additionally allows for your cover pictures to be much more visually reliable on mobile. Which brings me to my following factor ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its user base (54.2%) accessibility the social media network solely from mobile phones. That's significant-- and also it's specifically why it's so important to keep mobile customers top-of-mind when making your Facebook cover picture.
On mobile, a much bigger part of your cover photo is shut out because the profile image and the Page name get on top of the cover picture.
Allow's have a look at a real-life instance. Below, have a look at what Adobe's Facebook Web page looks like in a desktop computer web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notice that the sides of the photo are removed on mobile. Whereas your cover photo displays at 851 pixels broad by 315 pixels high on desktop computer, it shows only the center 640 pixels large by 360 pixels tall on mobile phones. Have a look at this Facebook assistance file to find out more.
Notification, by the way, just how the message in Adobe's cover photo is removed on the right-hand side. While it looks finest to right-align your aesthetic components, beware not to place important web content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with various other parts of your Facebook Web page
If you really wish to obtain imaginative with your cover image, try incorporating its design with other parts of your Facebook Web page. You can make your account image and cover picture one big canvas, or make use of some style components to draw attention to various capabilities of your Facebook Web page.
Below are some ideas of what these cover image integrations may look like.
Integrate your profile picture as well as cover picture.
With a little creativity and some layout modifies, you could make your profile picture and cover picture appear as if they're 2 parts of one canvas. Check out one of Paris' cover images for a refined but compelling means to do that.
Keep in mind: Considering that cover photos present differently on mobile as well as on desktop, you'll need to select one style to develop your cover image and account combination for. Given that cover pictures are much more recognizable on desktop, I 'd suggest prioritizing that design for your cover picture and profile image mix design.
Draw attention to the buttons on right.
Adhering to the best practices stated above, WeddingWire places every one of its vital message to the right of their cover photo-- not just attaining a great design aesthetic, yet additionally accentuating the major calls-to-action on the Web page: Like, Follow, and also Message.
Keep in mind: While it might look like a good idea to add directional signs like an arrowhead to obtain people to click on the CTA buttons, keep in mind that those CTA buttons do not show up similarly on the mobile app. Simply puts, it could be perplexing to mobile individuals if you integrate the cover image design with the switches.
10) Do include a shortened web link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover image to sustain your web page CTA, see to it your cover image summary additionally consists of a text CTA as well as link to the exact same deal. In this manner, any time individuals see your cover image straight, they could access the download link.
See to it you shorten your web links as well as include UTM codes so you could track clicks on them. Shortening as well as tracking attributes are available in the HubSpot Advertising Platform as well as in devices like bitly.
( If you wish to learn more about ways to write reliable call-to-action copy for your cover photo summary, click here to download our complimentary ebook on developing engaging CTAs.).
11) Do pin a related message right below your Facebook cover image
Have you ever "pinned" an article to your Facebook Web page's Timeline? Primarily, pinning a blog post allows you to highlight a common Facebook post on the top of your Timeline for seven days. It's signified by a small yellow flag on the top right of the post.
How does this associate with optimizing your Facebook cover picture? Well, if you're hanging around aligning your Facebook Web page CTA, your cover photo style, and your cover picture description copy, you ought to likewise make sure to upload concerning the very same thing straight to your web page, and pin that publish to the top of your Timeline.
This way, you're offering people one very clear call-to-action when they arrive to your web page (albeit in a number of different areas)-- which need to assist conversions.
To pin a Facebook blog post: Just release the article to Facebook, then click the downward arrow on the leading right edge of the message and also pick "Pin to Top.".