Size Facebook Cover Photo
By
Arif Rahman
—
Feb 13, 2018
—
Cover Size
Size Facebook Cover Photo: When people reach your Facebook Page, where do you believe they first look?
I'll give you some hints. It's an aesthetic piece of web content that rests at the top of your web page. Its measurements are 851 pixels broad 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 among the most visible parts of your page, it's important that you comply with Facebook cover image best practices.
Whether you're utilizing Facebook to produce leads, shut your following sale, or develop a customer area, recognizing how you can make as well as enhance your cover picture is essential. Read on to discover exactly what you ought to (as well as shouldn't) perform in your cover picture.
1) Do follow Facebook's cover photo guidelines
It seems like a piece of cake, however obeying Facebook guidelines is important to your Facebook Page existing in the first place. I 'd extremely suggest reviewing the full Page Guidelines, but below are a couple of crucial points to keep 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 personal timelines.
If you obtain caught violating the above terms, Facebook can act versus your Page. And also while Facebook doesn't explicitly claim just what will certainly take place if you violate their Page standards, it's most likely not smart to get your Facebook Web page removed over a cover image violation, so review the guidelines completely and follow them.
2) Do see to it your Facebook cover picture size is right: 851 px large by 315 px high
You do not want to spend all this moment creating a cover photo ... only to have it look strange when you submit it to Facebook.
Make certain your cover photo will certainly look incredible from the get-go by making sure it's the appropriate dimensions: 851 pixels wide as well as 315 pixels high.
If you post a picture smaller sized compared to those dimensions, Facebook will certainly extend it to fit the best size, as long as it goes to least 399 pixels large as well as 150 pixels tall.
If you want a no-hassle means making sure your cover images are the appropriate size, download our pre-sized layout for Facebook cover pictures below.
3) Don't worry concerning the old "20% message" rule, but still attempt to stay visual
Back in 2013, Facebook eliminated any reference to the 20% rule on message in cover images ... but that does not indicate you should go wild with utilizing message in your cover picture. The previous policy claimed that just 20% of your cover photo could be message. Personally, I assumed that was way also restrictive for online marketers, however the belief behind the rule was a good one.
If you're mosting likely to utilize text in your cover photo, keep that message concise. Your image will be much more useful and engaging.
4) Keep the picture simple, with a clear centerpiece
Think about your cover picture as the part 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 web page.
A lot of the very best Facebook cover photos consist of a solitary topic as the prime focus. They additionally utilize adverse white (i.e., empty space) as an advantage making the topic, any type of copy on there, and also other aspects unique to Facebook (like the CTA button on Facebook company Pages) stand out a lot more.
5) Don't hide material behind your account image
As a result of the way account pictures are included on Facebook Pages, there's a section of your cover photo that will not appear unless you click on it. Your Web page name as well as the switches on the bottom right likewise cover parts of your photo.
Inning accordance with Facebook's Help web page, on desktop, the account picture lies 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover picture.
That being said, you can additionally utilize this surprise space to your benefit-- perhaps even hiding an Easter egg behind the profile picture for a contest. But typically, keeping that area clear is an excellent finest practice.
6) Do not place vital content under of your picture, either
Your account image isn't really the only part of your cover image that will certainly be partially hidden on your major Web page. You'll additionally want to avoid placing essential web content or key parts of your image on the bottom of your photo where the name of your Web page as well as CTA switches are.
We advise drawing an imaginary line about halfway up your profile picture, and also keeping crucial content (like text or hashtags) above that.
7) Do right-align the things in your cover picture
Since your profile photo gets on left, you intend to add some balance to your Facebook cover photo 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?
Does not the right-aligned cover photo look much better? The biggest layout components (the profile photo, the message, and the beer) are equally spaced. In the Samsung cover image, your focus goes promptly to the left side of the web page, totally missing out on the name of the product on the upper ideal side.
Not just is including balance a vital element of style, but it additionally allows for your cover images to be extra visually efficient on mobile. Which brings me to my next point ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its user base (54.2%) accessibility the social network specifically from smart phones. That's substantial-- and it's specifically why it's so essential to maintain mobile users top-of-mind when designing your Facebook cover photo.
On mobile, a much bigger part of your cover picture is blocked out due to the fact that the account photo and the Page name get on top of the cover picture.
Let's have a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels high on desktop computer, it presents just the facility 640 pixels broad by 360 pixels high on mobile phones. Have a look at this Facebook help document to find out more.
Notice, by the way, exactly how the message in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual components, be careful not to put essential content until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo layout with other parts of your Facebook Page
If you really intend to get imaginative with your cover image, try incorporating its layout with various other parts of your Facebook Web page. You can make your profile picture and cover image one big canvas, or use some design elements to draw attention to different performances of your Facebook Web page.
Below are some ideas of what these cover image assimilations might look like.
Combine your account image as well as cover photo.
With a little imagination and some design tweaks, you can make your profile image and cover image appear as if they're 2 parts of one canvas. Take a look at among Paris' cover images for a subtle however compelling method to do that.
Note: Considering that cover images display in a different way on mobile as well as on desktop, you'll need to choose one style to develop your cover photo as well as account mix for. Because cover images are much more noticeable on desktop, I 'd suggest focusing on that design for your cover image as well as account image mix design.
Draw attention to the switches on right.
Complying with the very best methods mentioned over, WeddingWire places all its vital message to the right of their cover photo-- not only attaining an excellent layout aesthetic, however also drawing attention to the main calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it could feel like a great idea to add directional signs like an arrowhead to get people to click the CTA buttons, note that those CTA switches do not appear the same way on the mobile app. Simply puts, it may be confusing to mobile individuals if you integrate the cover photo layout with the buttons.
10) Do include a reduced link in your cover picture description that aligns with your web page CTA
If you intend to use your cover photo to sustain your web page CTA, make sure your cover photo summary also includes a text CTA and link to the same offer. By doing this, any time people watch your cover image straight, they can access the download web link.
Ensure you shorten your web links and add UTM codes so you can track clicks on them. Shortening as well as tracking features are offered in the HubSpot Advertising System and in tools like bitly.
( If you want to find out more about the best ways to create effective call-to-action duplicate for your cover photo description, visit this site to download our complimentary ebook on producing compelling CTAs.).
11) Do pin an associated post right below your Facebook cover picture
Have you ever "pinned" a post to your Facebook Web page's Timeline? Basically, pinning an article permits you to highlight a common Facebook article on the top of your Timeline for 7 days. It's signified by a little yellow flag on the top right of the message.
Just how does this connect to optimizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover photo style, and your cover photo summary copy, you need to additionally ensure to post about the exact same point directly to your web page, and pin that upload to the top of your Timeline.
That way, you're giving people one extremely clear call-to-action when they show up to your page (albeit in a number of different areas)-- which need to assist conversions.
To pin a Facebook blog post: Merely publish the blog post to Facebook, after that click the downward arrowhead on the top right corner of the post as well as select "Pin to Top.".
I'll give you some hints. It's an aesthetic piece of web content that rests at the top of your web page. Its measurements are 851 pixels broad 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 among the most visible parts of your page, it's important that you comply with Facebook cover image best practices.
Whether you're utilizing Facebook to produce leads, shut your following sale, or develop a customer area, recognizing how you can make as well as enhance your cover picture is essential. Read on to discover exactly what you ought to (as well as shouldn't) perform in your cover picture.
Size Facebook Cover Photo
1) Do follow Facebook's cover photo guidelines
It seems like a piece of cake, however obeying Facebook guidelines is important to your Facebook Page existing in the first place. I 'd extremely suggest reviewing the full Page Guidelines, but below are a couple of crucial points to keep 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 personal timelines.
If you obtain caught violating the above terms, Facebook can act versus your Page. And also while Facebook doesn't explicitly claim just what will certainly take place if you violate their Page standards, it's most likely not smart to get your Facebook Web page removed over a cover image violation, so review the guidelines completely and follow them.
2) Do see to it your Facebook cover picture size is right: 851 px large by 315 px high
You do not want to spend all this moment creating a cover photo ... only to have it look strange when you submit it to Facebook.
Make certain your cover photo will certainly look incredible from the get-go by making sure it's the appropriate dimensions: 851 pixels wide as well as 315 pixels high.
If you post a picture smaller sized compared to those dimensions, Facebook will certainly extend it to fit the best size, as long as it goes to least 399 pixels large as well as 150 pixels tall.
If you want a no-hassle means making sure your cover images are the appropriate size, download our pre-sized layout for Facebook cover pictures below.
3) Don't worry concerning the old "20% message" rule, but still attempt to stay visual
Back in 2013, Facebook eliminated any reference to the 20% rule on message in cover images ... but that does not indicate you should go wild with utilizing message in your cover picture. The previous policy claimed that just 20% of your cover photo could be message. Personally, I assumed that was way also restrictive for online marketers, however the belief behind the rule was a good one.
If you're mosting likely to utilize text in your cover photo, keep that message concise. Your image will be much more useful and engaging.
4) Keep the picture simple, with a clear centerpiece
Think about your cover picture as the part 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 web page.
A lot of the very best Facebook cover photos consist of a solitary topic as the prime focus. They additionally utilize adverse white (i.e., empty space) as an advantage making the topic, any type of copy on there, and also other aspects unique to Facebook (like the CTA button on Facebook company Pages) stand out a lot more.
5) Don't hide material behind your account image
As a result of the way account pictures are included on Facebook Pages, there's a section of your cover photo that will not appear unless you click on it. Your Web page name as well as the switches on the bottom right likewise cover parts of your photo.
Inning accordance with Facebook's Help web page, on desktop, the account picture lies 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover picture.
That being said, you can additionally utilize this surprise space to your benefit-- perhaps even hiding an Easter egg behind the profile picture for a contest. But typically, keeping that area clear is an excellent finest practice.
6) Do not place vital content under of your picture, either
Your account image isn't really the only part of your cover image that will certainly be partially hidden on your major Web page. You'll additionally want to avoid placing essential web content or key parts of your image on the bottom of your photo where the name of your Web page as well as CTA switches are.
We advise drawing an imaginary line about halfway up your profile picture, and also keeping crucial content (like text or hashtags) above that.
7) Do right-align the things in your cover picture
Since your profile photo gets on left, you intend to add some balance to your Facebook cover photo 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?
Does not the right-aligned cover photo look much better? The biggest layout components (the profile photo, the message, and the beer) are equally spaced. In the Samsung cover image, your focus goes promptly to the left side of the web page, totally missing out on the name of the product on the upper ideal side.
Not just is including balance a vital element of style, but it additionally allows for your cover images to be extra visually efficient on mobile. Which brings me to my next point ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its user base (54.2%) accessibility the social network specifically from smart phones. That's substantial-- and it's specifically why it's so essential to maintain mobile users top-of-mind when designing your Facebook cover photo.
On mobile, a much bigger part of your cover picture is blocked out due to the fact that the account photo and the Page name get on top of the cover picture.
Let's have a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels high on desktop computer, it presents just the facility 640 pixels broad by 360 pixels high on mobile phones. Have a look at this Facebook help document to find out more.
Notice, by the way, exactly how the message in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual components, be careful not to put essential content until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo layout with other parts of your Facebook Page
If you really intend to get imaginative with your cover image, try incorporating its layout with various other parts of your Facebook Web page. You can make your profile picture and cover image one big canvas, or use some design elements to draw attention to different performances of your Facebook Web page.
Below are some ideas of what these cover image assimilations might look like.
Combine your account image as well as cover photo.
With a little imagination and some design tweaks, you can make your profile image and cover image appear as if they're 2 parts of one canvas. Take a look at among Paris' cover images for a subtle however compelling method to do that.
Note: Considering that cover images display in a different way on mobile as well as on desktop, you'll need to choose one style to develop your cover photo as well as account mix for. Because cover images are much more noticeable on desktop, I 'd suggest focusing on that design for your cover image as well as account image mix design.
Draw attention to the switches on right.
Complying with the very best methods mentioned over, WeddingWire places all its vital message to the right of their cover photo-- not only attaining an excellent layout aesthetic, however also drawing attention to the main calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it could feel like a great idea to add directional signs like an arrowhead to get people to click the CTA buttons, note that those CTA switches do not appear the same way on the mobile app. Simply puts, it may be confusing to mobile individuals if you integrate the cover photo layout with the buttons.
10) Do include a reduced link in your cover picture description that aligns with your web page CTA
If you intend to use your cover photo to sustain your web page CTA, make sure your cover photo summary also includes a text CTA and link to the same offer. By doing this, any time people watch your cover image straight, they can access the download web link.
Ensure you shorten your web links and add UTM codes so you can track clicks on them. Shortening as well as tracking features are offered in the HubSpot Advertising System and in tools like bitly.
( If you want to find out more about the best ways to create effective call-to-action duplicate for your cover photo description, visit this site to download our complimentary ebook on producing compelling CTAs.).
11) Do pin an associated post right below your Facebook cover picture
Have you ever "pinned" a post to your Facebook Web page's Timeline? Basically, pinning an article permits you to highlight a common Facebook article on the top of your Timeline for 7 days. It's signified by a little yellow flag on the top right of the message.
Just how does this connect to optimizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover photo style, and your cover photo summary copy, you need to additionally ensure to post about the exact same point directly to your web page, and pin that upload to the top of your Timeline.
That way, you're giving people one extremely clear call-to-action when they show up to your page (albeit in a number of different areas)-- which need to assist conversions.
To pin a Facebook blog post: Merely publish the blog post to Facebook, after that click the downward arrowhead on the top right corner of the post as well as select "Pin to Top.".