What Size is the Facebook Cover
By
Arif Rahman
—
Jan 21, 2018
—
Cover Size
What Size Is The Facebook Cover: When people arrive at your Facebook Web page, where do you believe they first look?
I'll provide you some tips. It's a visual piece of web content that rests at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels tall. It uses up practically a quarter of the display on many desktop web browsers.
That's right-- it's your Facebook cover image.
Considering that it is among one of the most noticeable parts of your web page, it's essential that you follow Facebook cover picture best techniques.
Whether you're making use of Facebook to create leads, close your following sale, or create a client neighborhood, recognizing ways to make as well as enhance your cover photo is essential. Read on to learn exactly what you should (and also shouldn't) perform in your cover photo.
1) Do follow Facebook's cover photo guidelines
It looks like a piece of cake, however following Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd extremely suggest checking out the full Web page Standards, yet below are a few important points to remember for your cover picture:
Your cover is public.
Covers can't be deceitful, misleading, or infringe on anyone else's copyright.
You can not motivate people to post your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook could do something about it versus your Web page. And while Facebook doesn't explicitly claim exactly what will occur if you breach their Web page guidelines, it's possibly not smart to get your Facebook Page taken down over a cover picture infraction, so check out the guidelines completely and adhere to them.
2) Do ensure your Facebook cover photo size is right: 851 px vast by 315 px tall
You do not intend to spend all this moment making a cover photo ... just to have it look strange when you publish it to Facebook.
Ensure your cover image will look amazing from the get-go by ensuring it's the right measurements: 851 pixels wide and 315 pixels tall.
If you submit a picture smaller than those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at least 399 pixels wide and 150 pixels tall.
If you want a no-hassle method to make sure your cover images are the best size, download our pre-sized layout for Facebook cover photos below.
3) Don't worry about the old "20% text" regulation, yet still aim to remain visual
Back in 2013, Facebook removed any kind of referral to the 20% regulation on text in cover pictures ... yet that doesn't indicate you should go wild with making use of message in your cover image. The previous rule claimed that just 20% of your cover image could be message. Personally, I believed that was way also limiting for marketing professionals, however the sentiment behind the regulation was a good one.
If you're going to make use of message in your cover picture, keep that message concise. Your picture will certainly be a lot more insightful and also interesting.
4) Maintain the picture simple, with a clear centerpiece
Think of your cover picture as the section of your Web page that's "above the layer." If it's sidetracking or poor quality, individuals will certainly be most likely to click off the page.
A number of the best Facebook cover pictures consist of a single topic as the centerpiece. They additionally use adverse white (i.e., void) as a benefit to make the topic, any kind of copy on there, and also other components one-of-a-kind to Facebook (like the CTA button on Facebook organisation Pages) attract attention even more.
5) Don't hide material behind your profile photo
Due to the way account images are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click it. Your Page name and the buttons under right also cover portions of your picture.
Inning accordance with Facebook's Aid web page, on computer, the account picture is located 16 pixels from the left edge of the cover photo, and also 176 pixels from the top of the cover picture.
That being said, you can likewise use this surprise space to your benefit-- perhaps even concealing an Easter egg behind the account photo for a contest. But typically, keeping that area clear is a great ideal method.
6) Don't place important content on the bottom of your picture, either
Your profile picture isn't really the only part of your cover photo that will be partly hidden on your main Page. You'll additionally want to stay clear of putting crucial content or key parts of your picture on the bottom of your photo where the name of your Page as well as CTA buttons are.
We advise drawing an imaginary line concerning midway up your profile image, as well as maintaining vital web content (like text or hashtags) above that.
7) Do right-align the items in your cover image
Considering that your account picture gets on left, you want to include some equilibrium to your Facebook cover photo layout by having the focus of the image get on the right.
Have a look at these cover images. Which one looks more visually pleasing?
Doesn't the right-aligned cover picture look better? The largest design components (the profile image, the message, and also the beer) are uniformly spaced. In the Samsung cover picture, your attention goes instantly to the left side of the web page, entirely missing out on the name of the product on the upper best side.
Not just is adding balance a vital aspect of design, but it additionally enables your cover images to be more visually efficient 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 customer base (54.2%) accessibility the social media network specifically from smart phones. That's huge-- and also it's specifically why it's so essential to keep mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger section of your cover picture is shut out because the account photo and the Web page name get on top of the cover image.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop computer web browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover image shows at 851 pixels wide by 315 pixels tall on desktop, it presents only the facility 640 pixels vast by 360 pixels high on smartphones. Take a look at this Facebook assistance file for more details.
Notification, incidentally, exactly how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your visual aspects, be careful not to place essential material so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Web page
If you truly intend to get creative with your cover image, try incorporating its design with various other parts of your Facebook Page. You could make your profile photo and also cover photo one large canvas, or utilize some design components to accentuate different capabilities of your Facebook Web page.
Below are some concepts of exactly what these cover photo integrations may resemble.
Combine your profile picture and cover picture.
With a little imagination and also some style fine-tunes, you could make your profile image and cover picture appear as if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle yet compelling method to do that.
Keep in mind: Since cover pictures present differently on mobile as well as on desktop, you'll need to pick one layout to create your cover image as well as profile combination for. Because cover photos are far more visible on desktop computer, I would certainly suggest focusing on that design for your cover picture as well as account photo combination style.
Accentuate the buttons on right.
Complying with the very best techniques mentioned over, WeddingWire positions all its vital text to the right of their cover photo-- not only achieving a great layout aesthetic, however also drawing attention to the major calls-to-action on the Web page: Like, Follow, and Message.
Keep in mind: While it may feel like a smart idea to include directional signs like an arrowhead to obtain individuals to click on the CTA switches, note that those CTA buttons do not show up similarly on the mobile application. In other words, it might be confusing to mobile individuals if you integrate the cover photo design with the switches.
10) Do consist of a shortened link in your cover picture summary that straightens with your web page CTA
If you want to utilize your cover photo to support your page CTA, make certain your cover image description also includes a text CTA and connect to the very same deal. In this manner, any time people view your cover photo straight, they could access the download link.
Ensure you reduce your links as well as add UTM codes so you can track clicks on them. Reducing and also tracking functions are readily available in the HubSpot Marketing System and also in tools like bitly.
( If you wish to discover more concerning how to create reliable call-to-action duplicate for your cover photo description, click on this link to download our totally free book on developing engaging CTAs.).
11) Do pin an associated blog post right below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a post enables you to highlight a normal Facebook article on the top of your Timeline for seven days. It's indicated by a little yellow flag on the leading right of the message.
Exactly how does this connect to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover picture layout, and also your cover picture summary duplicate, you need to also make certain to post regarding the exact same point directly to your web page, and pin that post to the top of your Timeline.
That way, you're offering people one extremely clear call-to-action when they show up to your page (albeit in numerous different places)-- which need to aid conversions.
To pin a Facebook post: Just publish the post to Facebook, after that click the downward arrowhead on the leading right corner of the post as well as pick "Pin to Top.".
I'll provide you some tips. It's a visual piece of web content that rests at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels tall. It uses up practically a quarter of the display on many desktop web browsers.
That's right-- it's your Facebook cover image.
Considering that it is among one of the most noticeable parts of your web page, it's essential that you follow Facebook cover picture best techniques.
Whether you're making use of Facebook to create leads, close your following sale, or create a client neighborhood, recognizing ways to make as well as enhance your cover photo is essential. Read on to learn exactly what you should (and also shouldn't) perform in your cover photo.
What Size Is The Facebook Cover
1) Do follow Facebook's cover photo guidelines
It looks like a piece of cake, however following Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd extremely suggest checking out the full Web page Standards, yet below are a few important points to remember for your cover picture:
Your cover is public.
Covers can't be deceitful, misleading, or infringe on anyone else's copyright.
You can not motivate people to post your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook could do something about it versus your Web page. And while Facebook doesn't explicitly claim exactly what will occur if you breach their Web page guidelines, it's possibly not smart to get your Facebook Page taken down over a cover picture infraction, so check out the guidelines completely and adhere to them.
2) Do ensure your Facebook cover photo size is right: 851 px vast by 315 px tall
You do not intend to spend all this moment making a cover photo ... just to have it look strange when you publish it to Facebook.
Ensure your cover image will look amazing from the get-go by ensuring it's the right measurements: 851 pixels wide and 315 pixels tall.
If you submit a picture smaller than those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at least 399 pixels wide and 150 pixels tall.
If you want a no-hassle method to make sure your cover images are the best size, download our pre-sized layout for Facebook cover photos below.
3) Don't worry about the old "20% text" regulation, yet still aim to remain visual
Back in 2013, Facebook removed any kind of referral to the 20% regulation on text in cover pictures ... yet that doesn't indicate you should go wild with making use of message in your cover image. The previous rule claimed that just 20% of your cover image could be message. Personally, I believed that was way also limiting for marketing professionals, however the sentiment behind the regulation was a good one.
If you're going to make use of message in your cover picture, keep that message concise. Your picture will certainly be a lot more insightful and also interesting.
4) Maintain the picture simple, with a clear centerpiece
Think of your cover picture as the section of your Web page that's "above the layer." If it's sidetracking or poor quality, individuals will certainly be most likely to click off the page.
A number of the best Facebook cover pictures consist of a single topic as the centerpiece. They additionally use adverse white (i.e., void) as a benefit to make the topic, any kind of copy on there, and also other components one-of-a-kind to Facebook (like the CTA button on Facebook organisation Pages) attract attention even more.
5) Don't hide material behind your profile photo
Due to the way account images are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click it. Your Page name and the buttons under right also cover portions of your picture.
Inning accordance with Facebook's Aid web page, on computer, the account picture is located 16 pixels from the left edge of the cover photo, and also 176 pixels from the top of the cover picture.
That being said, you can likewise use this surprise space to your benefit-- perhaps even concealing an Easter egg behind the account photo for a contest. But typically, keeping that area clear is a great ideal method.
6) Don't place important content on the bottom of your picture, either
Your profile picture isn't really the only part of your cover photo that will be partly hidden on your main Page. You'll additionally want to stay clear of putting crucial content or key parts of your picture on the bottom of your photo where the name of your Page as well as CTA buttons are.
We advise drawing an imaginary line concerning midway up your profile image, as well as maintaining vital web content (like text or hashtags) above that.
7) Do right-align the items in your cover image
Considering that your account picture gets on left, you want to include some equilibrium to your Facebook cover photo layout by having the focus of the image get on the right.
Have a look at these cover images. Which one looks more visually pleasing?
Doesn't the right-aligned cover picture look better? The largest design components (the profile image, the message, and also the beer) are uniformly spaced. In the Samsung cover picture, your attention goes instantly to the left side of the web page, entirely missing out on the name of the product on the upper best side.
Not just is adding balance a vital aspect of design, but it additionally enables your cover images to be more visually efficient 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 customer base (54.2%) accessibility the social media network specifically from smart phones. That's huge-- and also it's specifically why it's so essential to keep mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger section of your cover picture is shut out because the account photo and the Web page name get on top of the cover image.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop computer web browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover image shows at 851 pixels wide by 315 pixels tall on desktop, it presents only the facility 640 pixels vast by 360 pixels high on smartphones. Take a look at this Facebook assistance file for more details.
Notification, incidentally, exactly how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your visual aspects, be careful not to place essential material so far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Web page
If you truly intend to get creative with your cover image, try incorporating its design with various other parts of your Facebook Page. You could make your profile photo and also cover photo one large canvas, or utilize some design components to accentuate different capabilities of your Facebook Web page.
Below are some concepts of exactly what these cover photo integrations may resemble.
Combine your profile picture and cover picture.
With a little imagination and also some style fine-tunes, you could make your profile image and cover picture appear as if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle yet compelling method to do that.
Keep in mind: Since cover pictures present differently on mobile as well as on desktop, you'll need to pick one layout to create your cover image as well as profile combination for. Because cover photos are far more visible on desktop computer, I would certainly suggest focusing on that design for your cover picture as well as account photo combination style.
Accentuate the buttons on right.
Complying with the very best techniques mentioned over, WeddingWire positions all its vital text to the right of their cover photo-- not only achieving a great layout aesthetic, however also drawing attention to the major calls-to-action on the Web page: Like, Follow, and Message.
Keep in mind: While it may feel like a smart idea to include directional signs like an arrowhead to obtain individuals to click on the CTA switches, note that those CTA buttons do not show up similarly on the mobile application. In other words, it might be confusing to mobile individuals if you integrate the cover photo design with the switches.
10) Do consist of a shortened link in your cover picture summary that straightens with your web page CTA
If you want to utilize your cover photo to support your page CTA, make certain your cover image description also includes a text CTA and connect to the very same deal. In this manner, any time people view your cover photo straight, they could access the download link.
Ensure you reduce your links as well as add UTM codes so you can track clicks on them. Reducing and also tracking functions are readily available in the HubSpot Marketing System and also in tools like bitly.
( If you wish to discover more concerning how to create reliable call-to-action duplicate for your cover photo description, click on this link to download our totally free book on developing engaging CTAs.).
11) Do pin an associated blog post right below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a post enables you to highlight a normal Facebook article on the top of your Timeline for seven days. It's indicated by a little yellow flag on the leading right of the message.
Exactly how does this connect to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover picture layout, and also your cover picture summary duplicate, you need to also make certain to post regarding the exact same point directly to your web page, and pin that post to the top of your Timeline.
That way, you're offering people one extremely clear call-to-action when they show up to your page (albeit in numerous different places)-- which need to aid conversions.
To pin a Facebook post: Just publish the post to Facebook, after that click the downward arrowhead on the leading right corner of the post as well as pick "Pin to Top.".