Size Of Facebook Cover Photo
By
Arif Rahman
—
Jan 26, 2018
—
Cover Size
Size Of Facebook Cover Photo: When individuals come to your Facebook Page, where do you assume they first look?
I'll give you some hints. It's a visual piece of content that sits on top of your page. Its measurements are 851 pixels broad by 315 pixels tall. It occupies practically a quarter of the screen on a lot of desktop web browsers.
That's right-- it's your Facebook cover photo.
Given that it's one of the most noticeable parts of your web page, it's important that you comply with Facebook cover image ideal practices.
Whether you're using Facebook to produce leads, shut your following sale, or create a customer community, understanding how to make as well as maximize your cover image is crucial. Read on to learn what you must (and shouldn't) carry out in your cover picture.
1) Do abide by Facebook's cover picture standards
It feels like a piece of cake, however following Facebook standards is crucial to your Facebook Web page existing in the first place. I 'd extremely recommend reviewing the full Web page Standards, but below are a couple of crucial points to keep in mind for your cover image:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on anyone else's copyright.
You can not encourage individuals to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook might do something about it against your Web page. And while Facebook doesn't clearly say what will certainly take place if you breach their Page guidelines, it's probably not clever to obtain your Facebook Web page removed over a cover image infraction, so check out the guidelines in full and stick to them.
2) Do make certain your Facebook cover picture dimension is right: 851 px broad by 315 px tall
You don't intend to spend all this moment creating a cover picture ... only to have it look strange when you submit it to Facebook.
Ensure your cover photo will look amazing from the outset by making sure it's the ideal dimensions: 851 pixels broad and also 315 pixels tall.
If you publish a photo smaller than those dimensions, Facebook will extend it to fit the ideal size, as long as it goes to least 399 pixels wide and also 150 pixels high.
If you want a no-hassle way to earn certain your cover photos are the best dimension, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry concerning the old "20% text" policy, but still try to stay visual
Back in 2013, Facebook removed any recommendation to the 20% rule on text in cover pictures ... yet that doesn't imply you ought to go wild with making use of message in your cover image. The previous policy claimed that just 20% of your cover photo could be text. Personally, I thought that was way also restrictive for online marketers, yet the sentiment behind the rule was a good one.
If you're mosting likely to use text in your cover image, maintain that message concise. Your photo will be much more informative and engaging.
4) Keep the image simple, with a clear centerpiece
Consider your cover picture as the section of your Page that's "over the layer." If it's sidetracking or low quality, people will be most likely to click off the page.
A number of the most effective Facebook cover pictures consist of a single subject as the centerpiece. They also use unfavorable white (i.e., void) as a benefit to make the subject, any kind of duplicate on there, as well as other elements one-of-a-kind to Facebook (like the CTA switch on Facebook business Pages) stand apart even more.
5) Don't hide content behind your account photo
Because of the method profile photos are included on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Web page name and the switches on the bottom right also cover portions of your image.
According to Facebook's Aid page, on desktop, the account picture lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being stated, you can additionally use this concealed room to your advantage-- perhaps even hiding an Easter egg behind the account image for a contest. However generally, keeping that space clear is a great ideal technique.
6) Do not put vital content under of your picture, either
Your account photo isn't really the only part of your cover image that will certainly be partially concealed on your main Page. You'll likewise wish to avoid placing crucial content or crucial parts of your image under of your image where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line regarding midway up your account image, and keeping essential content (like message or hashtags) above that.
7) Do right-align the items in your cover picture
Given that your profile image gets on left, you want to include some equilibrium to your Facebook cover picture style by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more visually pleasing?
Does not the right-aligned cover picture look much better? The biggest design aspects (the profile photo, the text, as well as the beer) are uniformly spaced. In the Samsung cover image, your focus goes right away to the left side of the page, entirely missing out on the name of the product on the top right side.
Not only is including balance a crucial aspect of design, but it additionally permits your cover pictures to be much more aesthetically efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) gain access to the social media exclusively from mobile phones. That's substantial-- and it's exactly why it's so important to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much larger part of your cover image is blocked out due to the fact that the account picture as well as the Page name get on top of the cover photo.
Let's take a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels high on desktop computer, it presents only the facility 640 pixels wide by 360 pixels tall on mobile phones. Take a look at this Facebook help document for additional information.
Notification, by the way, just how the message in Adobe's cover image is removed on the right-hand side. While it looks best to right-align your aesthetic aspects, take care not to put essential web content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with various other parts of your Facebook Page
If you really wish to obtain creative with your cover picture, attempt integrating its design with other parts of your Facebook Page. You might make your profile image as well as cover image one huge canvas, or use some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some concepts of just what these cover photo integrations could resemble.
Incorporate your profile photo and cover image.
With a little creativity and also some layout modifies, you can make your account image and cover image look like if they're two parts of one canvas. Look into among Paris' cover pictures for a subtle however engaging way to do that.
Note: Given that cover images display in a different way on mobile as well as on desktop, you'll have to choose one layout to design your cover image and also profile combination for. Because cover images are much more visible on desktop, I 'd suggest focusing on that design for your cover picture as well as account image combination layout.
Draw attention to the switches on right.
Complying with the most effective practices mentioned over, WeddingWire places all its essential text to the right of their cover image-- not just attaining a great design aesthetic, but also drawing attention to the primary calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it may appear like a smart idea to add directional hints like an arrow to get individuals to click on the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile app. To puts it simply, it could be puzzling to mobile individuals if you integrate the cover photo style with the buttons.
10) Do consist of a reduced web link in your cover image description that lines up with your web page CTA
If you intend to utilize your cover picture to support your page CTA, make certain your cover picture description also includes a text CTA and also link to the same offer. This way, whenever people watch your cover image directly, they could access the download link.
Make certain you reduce 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 intend to learn more about ways to compose reliable call-to-action duplicate for your cover image description, visit this site to download our cost-free ebook on developing engaging CTAs.).
11) Do pin an associated post right listed below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Page's Timeline? Primarily, pinning a message allows you to highlight a regular Facebook blog post on the top of your Timeline for seven days. It's indicated by a tiny yellow flag on the top right of the post.
Exactly how does this connect to optimizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover photo layout, as well as your cover photo summary copy, you should also make sure to publish concerning the very same thing directly to your web page, as well as pin that publish to the top of your Timeline.
This way, you're offering people one very clear call-to-action when they show up to your page (albeit in a number of different areas)-- which ought to aid conversions.
To pin a Facebook post: Simply publish the message to Facebook, after that click the descending arrow on the leading right edge of the post as well as pick "Pin to Top.".
I'll give you some hints. It's a visual piece of content that sits on top of your page. Its measurements are 851 pixels broad by 315 pixels tall. It occupies practically a quarter of the screen on a lot of desktop web browsers.
That's right-- it's your Facebook cover photo.
Given that it's one of the most noticeable parts of your web page, it's important that you comply with Facebook cover image ideal practices.
Whether you're using Facebook to produce leads, shut your following sale, or create a customer community, understanding how to make as well as maximize your cover image is crucial. Read on to learn what you must (and shouldn't) carry out in your cover picture.
Size Of Facebook Cover Photo
1) Do abide by Facebook's cover picture standards
It feels like a piece of cake, however following Facebook standards is crucial to your Facebook Web page existing in the first place. I 'd extremely recommend reviewing the full Web page Standards, but below are a couple of crucial points to keep in mind for your cover image:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on anyone else's copyright.
You can not encourage individuals to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook might do something about it against your Web page. And while Facebook doesn't clearly say what will certainly take place if you breach their Page guidelines, it's probably not clever to obtain your Facebook Web page removed over a cover image infraction, so check out the guidelines in full and stick to them.
2) Do make certain your Facebook cover picture dimension is right: 851 px broad by 315 px tall
You don't intend to spend all this moment creating a cover picture ... only to have it look strange when you submit it to Facebook.
Ensure your cover photo will look amazing from the outset by making sure it's the ideal dimensions: 851 pixels broad and also 315 pixels tall.
If you publish a photo smaller than those dimensions, Facebook will extend it to fit the ideal size, as long as it goes to least 399 pixels wide and also 150 pixels high.
If you want a no-hassle way to earn certain your cover photos are the best dimension, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry concerning the old "20% text" policy, but still try to stay visual
Back in 2013, Facebook removed any recommendation to the 20% rule on text in cover pictures ... yet that doesn't imply you ought to go wild with making use of message in your cover image. The previous policy claimed that just 20% of your cover photo could be text. Personally, I thought that was way also restrictive for online marketers, yet the sentiment behind the rule was a good one.
If you're mosting likely to use text in your cover image, maintain that message concise. Your photo will be much more informative and engaging.
4) Keep the image simple, with a clear centerpiece
Consider your cover picture as the section of your Page that's "over the layer." If it's sidetracking or low quality, people will be most likely to click off the page.
A number of the most effective Facebook cover pictures consist of a single subject as the centerpiece. They also use unfavorable white (i.e., void) as a benefit to make the subject, any kind of duplicate on there, as well as other elements one-of-a-kind to Facebook (like the CTA switch on Facebook business Pages) stand apart even more.
5) Don't hide content behind your account photo
Because of the method profile photos are included on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Web page name and the switches on the bottom right also cover portions of your image.
According to Facebook's Aid page, on desktop, the account picture lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being stated, you can additionally use this concealed room to your advantage-- perhaps even hiding an Easter egg behind the account image for a contest. However generally, keeping that space clear is a great ideal technique.
6) Do not put vital content under of your picture, either
Your account photo isn't really the only part of your cover image that will certainly be partially concealed on your main Page. You'll likewise wish to avoid placing crucial content or crucial parts of your image under of your image where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line regarding midway up your account image, and keeping essential content (like message or hashtags) above that.
7) Do right-align the items in your cover picture
Given that your profile image gets on left, you want to include some equilibrium to your Facebook cover picture style by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more visually pleasing?
Does not the right-aligned cover picture look much better? The biggest design aspects (the profile photo, the text, as well as the beer) are uniformly spaced. In the Samsung cover image, your focus goes right away to the left side of the page, entirely missing out on the name of the product on the top right side.
Not only is including balance a crucial aspect of design, but it additionally permits your cover pictures to be much more aesthetically efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) gain access to the social media exclusively from mobile phones. That's substantial-- and it's exactly why it's so important to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much larger part of your cover image is blocked out due to the fact that the account picture as well as the Page name get on top of the cover photo.
Let's take a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels high on desktop computer, it presents only the facility 640 pixels wide by 360 pixels tall on mobile phones. Take a look at this Facebook help document for additional information.
Notification, by the way, just how the message in Adobe's cover image is removed on the right-hand side. While it looks best to right-align your aesthetic aspects, take care not to put essential web content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with various other parts of your Facebook Page
If you really wish to obtain creative with your cover picture, attempt integrating its design with other parts of your Facebook Page. You might make your profile image as well as cover image one huge canvas, or use some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some concepts of just what these cover photo integrations could resemble.
Incorporate your profile photo and cover image.
With a little creativity and also some layout modifies, you can make your account image and cover image look like if they're two parts of one canvas. Look into among Paris' cover pictures for a subtle however engaging way to do that.
Note: Given that cover images display in a different way on mobile as well as on desktop, you'll have to choose one layout to design your cover image and also profile combination for. Because cover images are much more visible on desktop, I 'd suggest focusing on that design for your cover picture as well as account image combination layout.
Draw attention to the switches on right.
Complying with the most effective practices mentioned over, WeddingWire places all its essential text to the right of their cover image-- not just attaining a great design aesthetic, but also drawing attention to the primary calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it may appear like a smart idea to add directional hints like an arrow to get individuals to click on the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile app. To puts it simply, it could be puzzling to mobile individuals if you integrate the cover photo style with the buttons.
10) Do consist of a reduced web link in your cover image description that lines up with your web page CTA
If you intend to utilize your cover picture to support your page CTA, make certain your cover picture description also includes a text CTA and also link to the same offer. This way, whenever people watch your cover image directly, they could access the download link.
Make certain you reduce 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 intend to learn more about ways to compose reliable call-to-action duplicate for your cover image description, visit this site to download our cost-free ebook on developing engaging CTAs.).
11) Do pin an associated post right listed below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Page's Timeline? Primarily, pinning a message allows you to highlight a regular Facebook blog post on the top of your Timeline for seven days. It's indicated by a tiny yellow flag on the top right of the post.
Exactly how does this connect to optimizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover photo layout, as well as your cover photo summary copy, you should also make sure to publish concerning the very same thing directly to your web page, as well as pin that publish to the top of your Timeline.
This way, you're offering people one very clear call-to-action when they show up to your page (albeit in a number of different areas)-- which ought to aid conversions.
To pin a Facebook post: Simply publish the message to Facebook, after that click the descending arrow on the leading right edge of the post as well as pick "Pin to Top.".