Cover Photo Size for Facebook
By
Arif Rahman
—
Dec 26, 2017
—
Cover Size
Cover Photo Size For Facebook: When people arrive at your Facebook Page, where do you assume they initially look?
I'll give you some tips. It's an aesthetic item of web content that sits at the top of your web page. Its measurements are 851 pixels wide by 315 pixels tall. It takes up virtually a quarter of the screen on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.
Given that it's one of one of the most recognizable parts of your page, it's crucial that you comply with Facebook cover picture best methods.
Whether you're making use of Facebook to create leads, shut your following sale, or create a client community, knowing the best ways to make and maximize your cover image is very important. Read on to discover what you should (and should not) do in your cover picture.
1) Do comply with Facebook's cover photo guidelines
It appears like a piece of cake, but obeying Facebook guidelines is essential to your Facebook Page existing to begin with. I 'd very suggest going through the full Page Standards, but here are a few vital things to keep in mind for your cover photo:
Your cover is public.
Covers can't be deceptive, misleading, or infringe on any individual else's copyright.
You cannot urge people to post your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action against your Web page. And also while Facebook does not clearly state just what will certainly happen if you break their Page standards, it's probably not smart to get your Facebook Page removed over a cover image infraction, so read the standards in full and also comply with them.
2) Do see to it your Facebook cover picture size is right: 851 px wide by 315 px high
You don't wish to spend all this time creating a cover image ... only to have it look strange when you post it to Facebook.
See to it your cover photo will certainly look magnificent from the get-go by making certain it's the right dimensions: 851 pixels wide as well as 315 pixels tall.
If you publish a picture smaller than those dimensions, Facebook will certainly stretch it to fit the appropriate size, as long as it goes to least 399 pixels vast and also 150 pixels tall.
If you desire a no-hassle way making sure your cover pictures are the ideal size, download our pre-sized theme for Facebook cover pictures below.
3) Don't worry regarding the old "20% message" policy, yet still try to remain visual
Back in 2013, Facebook eliminated any kind of reference to the 20% regulation on text in cover images ... but that doesn't mean you must go wild with using text in your cover picture. The previous regulation said that only 20% of your cover image could be message. Personally, I thought that was way as well limiting for marketing experts, but the sentiment behind the rule was a good one.
If you're going to utilize text in your cover photo, maintain that message concise. Your photo will be a lot more interesting and engaging.
4) Maintain the image simple, with a clear centerpiece
Consider your cover photo as the section of your Web page that's "above the fold." If it's sidetracking or low quality, individuals will certainly be more likely to click off the page.
Many of the very best Facebook cover images consist of a solitary subject as the focal point. They additionally use negative white (i.e., empty space) as a benefit to make the subject, any type of duplicate on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook organisation Pages) stand out even more.
5) Do not conceal web content behind your profile picture
As a result of the means account pictures are featured on Facebook Pages, there's a section of your cover picture that won't show up unless you click it. Your Web page name and the switches under right also cover portions of your photo.
Inning accordance with Facebook's Help web page, on home computer, the profile image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you could also utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the account picture for a competition. But commonly, maintaining that area clear is a good ideal method.
6) Don't place important web content under of your photo, either
Your profile picture isn't the only part of your cover image that will be partially hidden on your main Web page. You'll additionally intend to stay clear of placing vital content or key parts of your picture under of your image where the name of your Page and CTA buttons are.
We suggest attracting an imaginary line concerning halfway up your profile image, and also maintaining important material (like text or hashtags) above that.
7) Do right-align the items in your cover picture
Because your account picture gets on left, you want to include some balance to your Facebook cover image style by having the emphasis of the image get on the right.
Have a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover picture look far better? The largest style aspects (the profile picture, the message, and the beer) are evenly spaced. In the Samsung cover image, your attention goes quickly to the left side of the page, completely missing out on the name of the item on the top right side.
Not only is adding equilibrium a critical element of style, but it additionally enables your cover images to be a lot more visually efficient on mobile. Which brings me to my following factor ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social network solely from mobile devices. That's big-- and it's exactly why it's so vital to keep mobile customers top-of-mind when making your Facebook cover image.
On mobile, a much larger part of your cover image is blocked out since the account photo and the Web page name are on top of the cover photo.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the image are removed on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels tall on desktop computer, it presents only the facility 640 pixels broad by 360 pixels high on mobile phones. Take a look at this Facebook assistance paper for more details.
Notification, by the way, how the text in Adobe's cover picture is removed on the right-hand side. While it looks ideal to right-align your visual aspects, be careful not to place important web content so far to the right that it gets cut off on mobile.
9) Do incorporate the cover picture style with various other parts of your Facebook Web page
If you really want to obtain innovative with your cover image, attempt incorporating its layout with other parts of your Facebook Web page. You can make your profile image and also cover image one huge canvas, or utilize some layout elements to draw attention to various functionalities of your Facebook Page.
Below are some ideas of exactly what these cover photo combinations might look like.
Incorporate your account photo and cover image.
With a little imagination and some layout fine-tunes, you can make your account picture and also cover picture appear as if they're 2 parts of one canvas. Take a look at one of Paris' cover photos for a refined however compelling method to do that.
Note: Considering that cover photos show differently on mobile and on desktop computer, you'll need to select one style to design your cover image and also profile combination for. Given that cover images are much more visible on desktop computer, I 'd recommend focusing on that format for your cover picture and also account picture mix style.
Accentuate the buttons on right.
Following the very best techniques mentioned above, WeddingWire puts every one of its vital text to the right of their cover photo-- not just accomplishing a good layout visual, however additionally accentuating the main calls-to-action on the Page: Like, Comply with, as well as Message.
Keep in mind: While it could feel like a good idea to add directional hints like an arrowhead to obtain people to click the CTA switches, note that those CTA switches don't appear similarly on the mobile application. Simply puts, it might be confusing to mobile customers if you integrate the cover picture design with the buttons.
10) Do include a reduced link in your cover photo summary that straightens with your page CTA
If you intend to utilize your cover photo to support your page CTA, make certain your cover picture summary likewise consists of a message CTA and also connect to the same deal. This way, any time people view your cover picture directly, they could access the download link.
Ensure you shorten your links as well as include UTM codes so you can track click them. Shortening and tracking features are available in the HubSpot Advertising System and in tools like bitly.
( If you want to learn more regarding the best ways to compose efficient call-to-action copy for your cover picture summary, visit this site to download our free digital book on producing engaging CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover image
Have you ever "pinned" a blog post to your Facebook Page's Timeline? Essentially, pinning a post enables you to highlight a common Facebook blog post on the top of your Timeline for 7 days. It's symbolized by a little yellow flag on the top right of the message.
Just how does this relate to maximizing your Facebook cover picture? Well, if you're hanging around straightening your Facebook Page CTA, your cover image design, and your cover picture description duplicate, you must also see to it to upload concerning the same thing directly to your page, and pin that upload to the top of your Timeline.
By doing this, you're providing people one really clear call-to-action when they get here to your web page (albeit in numerous different areas)-- which ought to help conversions.
To pin a Facebook message: Just release the message to Facebook, after that click the descending arrowhead on the top right edge of the article as well as choose "Pin to Top.".
I'll give you some tips. It's an aesthetic item of web content that sits at the top of your web page. Its measurements are 851 pixels wide by 315 pixels tall. It takes up virtually a quarter of the screen on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.
Given that it's one of one of the most recognizable parts of your page, it's crucial that you comply with Facebook cover picture best methods.
Whether you're making use of Facebook to create leads, shut your following sale, or create a client community, knowing the best ways to make and maximize your cover image is very important. Read on to discover what you should (and should not) do in your cover picture.
Cover Photo Size For Facebook
1) Do comply with Facebook's cover photo guidelines
It appears like a piece of cake, but obeying Facebook guidelines is essential to your Facebook Page existing to begin with. I 'd very suggest going through the full Page Standards, but here are a few vital things to keep in mind for your cover photo:
Your cover is public.
Covers can't be deceptive, misleading, or infringe on any individual else's copyright.
You cannot urge people to post your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action against your Web page. And also while Facebook does not clearly state just what will certainly happen if you break their Page standards, it's probably not smart to get your Facebook Page removed over a cover image infraction, so read the standards in full and also comply with them.
2) Do see to it your Facebook cover picture size is right: 851 px wide by 315 px high
You don't wish to spend all this time creating a cover image ... only to have it look strange when you post it to Facebook.
See to it your cover photo will certainly look magnificent from the get-go by making certain it's the right dimensions: 851 pixels wide as well as 315 pixels tall.
If you publish a picture smaller than those dimensions, Facebook will certainly stretch it to fit the appropriate size, as long as it goes to least 399 pixels vast and also 150 pixels tall.
If you desire a no-hassle way making sure your cover pictures are the ideal size, download our pre-sized theme for Facebook cover pictures below.
3) Don't worry regarding the old "20% message" policy, yet still try to remain visual
Back in 2013, Facebook eliminated any kind of reference to the 20% regulation on text in cover images ... but that doesn't mean you must go wild with using text in your cover picture. The previous regulation said that only 20% of your cover image could be message. Personally, I thought that was way as well limiting for marketing experts, but the sentiment behind the rule was a good one.
If you're going to utilize text in your cover photo, maintain that message concise. Your photo will be a lot more interesting and engaging.
4) Maintain the image simple, with a clear centerpiece
Consider your cover photo as the section of your Web page that's "above the fold." If it's sidetracking or low quality, individuals will certainly be more likely to click off the page.
Many of the very best Facebook cover images consist of a solitary subject as the focal point. They additionally use negative white (i.e., empty space) as a benefit to make the subject, any type of duplicate on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook organisation Pages) stand out even more.
5) Do not conceal web content behind your profile picture
As a result of the means account pictures are featured on Facebook Pages, there's a section of your cover picture that won't show up unless you click it. Your Web page name and the switches under right also cover portions of your photo.
Inning accordance with Facebook's Help web page, on home computer, the profile image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you could also utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the account picture for a competition. But commonly, maintaining that area clear is a good ideal method.
6) Don't place important web content under of your photo, either
Your profile picture isn't the only part of your cover image that will be partially hidden on your main Web page. You'll additionally intend to stay clear of placing vital content or key parts of your picture under of your image where the name of your Page and CTA buttons are.
We suggest attracting an imaginary line concerning halfway up your profile image, and also maintaining important material (like text or hashtags) above that.
7) Do right-align the items in your cover picture
Because your account picture gets on left, you want to include some balance to your Facebook cover image style by having the emphasis of the image get on the right.
Have a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover picture look far better? The largest style aspects (the profile picture, the message, and the beer) are evenly spaced. In the Samsung cover image, your attention goes quickly to the left side of the page, completely missing out on the name of the item on the top right side.
Not only is adding equilibrium a critical element of style, but it additionally enables your cover images to be a lot more visually efficient on mobile. Which brings me to my following factor ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social network solely from mobile devices. That's big-- and it's exactly why it's so vital to keep mobile customers top-of-mind when making your Facebook cover image.
On mobile, a much larger part of your cover image is blocked out since the account photo and the Web page name are on top of the cover photo.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the image are removed on mobile. Whereas your cover image presents at 851 pixels large by 315 pixels tall on desktop computer, it presents only the facility 640 pixels broad by 360 pixels high on mobile phones. Take a look at this Facebook assistance paper for more details.
Notification, by the way, how the text in Adobe's cover picture is removed on the right-hand side. While it looks ideal to right-align your visual aspects, be careful not to place important web content so far to the right that it gets cut off on mobile.
9) Do incorporate the cover picture style with various other parts of your Facebook Web page
If you really want to obtain innovative with your cover image, attempt incorporating its layout with other parts of your Facebook Web page. You can make your profile image and also cover image one huge canvas, or utilize some layout elements to draw attention to various functionalities of your Facebook Page.
Below are some ideas of exactly what these cover photo combinations might look like.
Incorporate your account photo and cover image.
With a little imagination and some layout fine-tunes, you can make your account picture and also cover picture appear as if they're 2 parts of one canvas. Take a look at one of Paris' cover photos for a refined however compelling method to do that.
Note: Considering that cover photos show differently on mobile and on desktop computer, you'll need to select one style to design your cover image and also profile combination for. Given that cover images are much more visible on desktop computer, I 'd recommend focusing on that format for your cover picture and also account picture mix style.
Accentuate the buttons on right.
Following the very best techniques mentioned above, WeddingWire puts every one of its vital text to the right of their cover photo-- not just accomplishing a good layout visual, however additionally accentuating the main calls-to-action on the Page: Like, Comply with, as well as Message.
Keep in mind: While it could feel like a good idea to add directional hints like an arrowhead to obtain people to click the CTA switches, note that those CTA switches don't appear similarly on the mobile application. Simply puts, it might be confusing to mobile customers if you integrate the cover picture design with the buttons.
10) Do include a reduced link in your cover photo summary that straightens with your page CTA
If you intend to utilize your cover photo to support your page CTA, make certain your cover picture summary likewise consists of a message CTA and also connect to the same deal. This way, any time people view your cover picture directly, they could access the download link.
Ensure you shorten your links as well as include UTM codes so you can track click them. Shortening and tracking features are available in the HubSpot Advertising System and in tools like bitly.
( If you want to learn more regarding the best ways to compose efficient call-to-action copy for your cover picture summary, visit this site to download our free digital book on producing engaging CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover image
Have you ever "pinned" a blog post to your Facebook Page's Timeline? Essentially, pinning a post enables you to highlight a common Facebook blog post on the top of your Timeline for 7 days. It's symbolized by a little yellow flag on the top right of the message.
Just how does this relate to maximizing your Facebook cover picture? Well, if you're hanging around straightening your Facebook Page CTA, your cover image design, and your cover picture description duplicate, you must also see to it to upload concerning the same thing directly to your page, and pin that upload to the top of your Timeline.
By doing this, you're providing people one really clear call-to-action when they get here to your web page (albeit in numerous different areas)-- which ought to help conversions.
To pin a Facebook message: Just release the message to Facebook, after that click the descending arrowhead on the top right edge of the article as well as choose "Pin to Top.".