Image Size for Facebook Cover Photo
By
Arif Rahman
—
Jan 28, 2018
—
Cover Size
Image Size For Facebook Cover Photo: When individuals come to your Facebook Page, where do you believe they initially look?
I'll provide you some tips. It's a visual piece of content that sits on top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It uses up practically a quarter of the screen on a lot of desktop computer internet browsers.
That's right-- it's your Facebook cover image.
Considering that it's one of one of the most obvious parts of your page, it's important that you adhere to Facebook cover picture finest techniques.
Whether you're making use of Facebook to create leads, close your next sale, or create a client community, understanding the best ways to make as well as enhance your cover image is extremely important. Keep reading to learn just what you should (and also shouldn't) carry out in your cover picture.
1) Do follow Facebook's cover picture guidelines
It feels like a no-brainer, however complying with Facebook guidelines is essential to your Facebook Page existing in the first place. I 'd extremely suggest checking out the complete Page Standards, but below are a couple of vital points to remember for your cover image:
Your cover is public.
Covers cannot be deceptive, misleading, or infringe on any person else's copyright.
You cannot encourage people to submit your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action versus your Web page. And also while Facebook does not clearly state exactly what will certainly take place if you break their Web page standards, it's probably not clever to obtain your Facebook Web page removed over a cover photo violation, so review the standards completely as well as follow them.
2) Do make certain your Facebook cover picture dimension is right: 851 px vast by 315 px high
You don't wish to invest all this moment making a cover picture ... just to have it look strange when you upload it to Facebook.
Make sure your cover photo will certainly look fabulous from the get-go by seeing to it it's the ideal measurements: 851 pixels broad and also 315 pixels tall.
If you post a picture smaller than those dimensions, Facebook will certainly extend it to fit the right dimension, as long as it goes to least 399 pixels large and also 150 pixels tall.
If you desire a no-hassle means to earn certain your cover photos are the ideal dimension, download our pre-sized layout for Facebook cover photos here.
3) Don't worry regarding the old "20% text" guideline, but still aim to stay aesthetic
Back in 2013, Facebook removed any kind of referral to the 20% rule on text in cover images ... but that doesn't indicate you ought to go wild with utilizing text in your cover picture. The previous guideline said that just 20% of your cover picture could be text. Personally, I assumed that was way also restrictive for marketing professionals, but the sentiment behind the policy was a good one.
If you're going to use text in your cover picture, maintain that message concise. Your image will certainly be far more useful as well as appealing.
4) Maintain the photo simple, with a clear focal point
Consider your cover picture as the portion of your Page that's "above the layer." If it's sidetracking or poor quality, people will certainly be more probable to click off the page.
A number of the best Facebook cover photos include a single subject as the focal point. They additionally utilize negative white (i.e., empty space) as an advantage to earn the subject, any type of copy on there, as well as various other aspects unique to Facebook (like the CTA switch on Facebook business Pages) stand out much more.
5) Don't hide web content behind your profile photo
Due to the way account images are showcased on Facebook Pages, there's an area of your cover image that will not show up unless you click it. Your Page name and also the buttons on the bottom right also cover portions of your photo.
According to Facebook's Help page, on desktop computers, the account picture lies 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover image.
That being said, you could likewise use this covert room to your benefit-- perhaps even concealing an Easter egg behind the profile image for a competition. But usually, maintaining that space clear is an excellent ideal method.
6) Don't put vital web content under of your image, either
Your profile image isn't really the only part of your cover photo that will certainly be partly hidden on your main Page. You'll additionally want to prevent placing important material or key parts of your picture on the bottom of your image where the name of your Web page and CTA switches are.
We recommend attracting an imaginary line regarding halfway up your account image, as well as keeping crucial content (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Given that your profile image gets on left, you wish to add some equilibrium to your Facebook cover photo layout by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look far better? The greatest design components (the profile photo, the text, and also the beer) are equally spaced. In the Samsung cover image, your interest goes promptly to the left side of the page, totally missing the name of the product on the upper ideal side.
Not only is including balance a vital element of design, yet it additionally permits your cover pictures to be a lot more visually reliable on mobile. Which brings me to my next point ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) gain access to the social media specifically from mobile phones. That's substantial-- as well as it's specifically why it's so crucial to keep mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger section of your cover picture is blocked out due to the fact that the account image as well as the Web page name get on top of the cover picture.
Allow's have a look at a real-life instance. Listed below, take a look at just what Adobe's Facebook Page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the picture are cut off on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels high on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smartphones. Take a look at this Facebook help document to learn more.
Notification, by the way, how the message 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 put crucial material thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Page
If you truly want to get creative with your cover photo, try integrating its layout with various other parts of your Facebook Web page. You could make your profile photo and also cover picture one big canvas, or make use of some style elements to draw attention to different performances of your Facebook Web page.
Below are some concepts of what these cover photo combinations might appear like.
Combine your profile photo and also cover image.
With a little creativity and also some style modifies, you can make your profile image as well as cover image look like if they're two parts of one canvas. Take a look at among Paris' cover photos for a subtle yet engaging method to do that.
Note: Considering that cover photos present in different ways on mobile and on desktop, you'll have to choose one layout to create your cover picture as well as profile mix for. Since cover pictures are much more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover image as well as profile picture mix layout.
Draw attention to the buttons on right.
Adhering to the best methods mentioned over, WeddingWire puts all its important message to the right of their cover image-- not just attaining a good layout aesthetic, however additionally accentuating the main calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it might seem like a good idea to add directional signs like an arrowhead to get individuals to click the CTA buttons, note that those CTA switches do not show up the same way on the mobile app. In other words, it might be puzzling to mobile individuals if you incorporate the cover image design with the buttons.
10) Do consist of a reduced web link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover picture to sustain your web page CTA, see to it your cover photo summary likewise consists of a message CTA as well as connect to the very same offer. By doing this, whenever individuals view your cover picture directly, they can access the download web link.
Make certain you reduce your web links and add UTM codes so you could track click them. Shortening and also tracking functions are available in the HubSpot Advertising And Marketing Platform and also in devices like bitly.
( If you intend to find out more regarding how to write effective call-to-action duplicate for your cover image description, click here to download our totally free ebook on producing compelling CTAs.).
11) Do pin a relevant message right listed below your Facebook cover photo
Have you ever "pinned" a message to your Facebook Page's Timeline? Generally, pinning a message permits you to highlight a regular Facebook article on the top of your Timeline for seven days. It's signified by a little yellow flag on the leading right of the article.
Exactly how does this associate with maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image design, as well as your cover picture description duplicate, you must also see to it to publish regarding the exact same point directly to your page, and also pin that publish to the top of your Timeline.
In this way, you're giving individuals one very clear call-to-action when they arrive to your web page (albeit in numerous different places)-- which need to assist conversions.
To pin a Facebook post: Merely publish the message to Facebook, then click the descending arrowhead on the leading right corner of the post and also choose "Pin to Top.".
I'll provide you some tips. It's a visual piece of content that sits on top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It uses up practically a quarter of the screen on a lot of desktop computer internet browsers.
That's right-- it's your Facebook cover image.
Considering that it's one of one of the most obvious parts of your page, it's important that you adhere to Facebook cover picture finest techniques.
Whether you're making use of Facebook to create leads, close your next sale, or create a client community, understanding the best ways to make as well as enhance your cover image is extremely important. Keep reading to learn just what you should (and also shouldn't) carry out in your cover picture.
Image Size For Facebook Cover Photo
1) Do follow Facebook's cover picture guidelines
It feels like a no-brainer, however complying with Facebook guidelines is essential to your Facebook Page existing in the first place. I 'd extremely suggest checking out the complete Page Standards, but below are a couple of vital points to remember for your cover image:
Your cover is public.
Covers cannot be deceptive, misleading, or infringe on any person else's copyright.
You cannot encourage people to submit your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action versus your Web page. And also while Facebook does not clearly state exactly what will certainly take place if you break their Web page standards, it's probably not clever to obtain your Facebook Web page removed over a cover photo violation, so review the standards completely as well as follow them.
2) Do make certain your Facebook cover picture dimension is right: 851 px vast by 315 px high
You don't wish to invest all this moment making a cover picture ... just to have it look strange when you upload it to Facebook.
Make sure your cover photo will certainly look fabulous from the get-go by seeing to it it's the ideal measurements: 851 pixels broad and also 315 pixels tall.
If you post a picture smaller than those dimensions, Facebook will certainly extend it to fit the right dimension, as long as it goes to least 399 pixels large and also 150 pixels tall.
If you desire a no-hassle means to earn certain your cover photos are the ideal dimension, download our pre-sized layout for Facebook cover photos here.
3) Don't worry regarding the old "20% text" guideline, but still aim to stay aesthetic
Back in 2013, Facebook removed any kind of referral to the 20% rule on text in cover images ... but that doesn't indicate you ought to go wild with utilizing text in your cover picture. The previous guideline said that just 20% of your cover picture could be text. Personally, I assumed that was way also restrictive for marketing professionals, but the sentiment behind the policy was a good one.
If you're going to use text in your cover picture, maintain that message concise. Your image will certainly be far more useful as well as appealing.
4) Maintain the photo simple, with a clear focal point
Consider your cover picture as the portion of your Page that's "above the layer." If it's sidetracking or poor quality, people will certainly be more probable to click off the page.
A number of the best Facebook cover photos include a single subject as the focal point. They additionally utilize negative white (i.e., empty space) as an advantage to earn the subject, any type of copy on there, as well as various other aspects unique to Facebook (like the CTA switch on Facebook business Pages) stand out much more.
5) Don't hide web content behind your profile photo
Due to the way account images are showcased on Facebook Pages, there's an area of your cover image that will not show up unless you click it. Your Page name and also the buttons on the bottom right also cover portions of your photo.
According to Facebook's Help page, on desktop computers, the account picture lies 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover image.
That being said, you could likewise use this covert room to your benefit-- perhaps even concealing an Easter egg behind the profile image for a competition. But usually, maintaining that space clear is an excellent ideal method.
6) Don't put vital web content under of your image, either
Your profile image isn't really the only part of your cover photo that will certainly be partly hidden on your main Page. You'll additionally want to prevent placing important material or key parts of your picture on the bottom of your image where the name of your Web page and CTA switches are.
We recommend attracting an imaginary line regarding halfway up your account image, as well as keeping crucial content (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Given that your profile image gets on left, you wish to add some equilibrium to your Facebook cover photo layout by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look far better? The greatest design components (the profile photo, the text, and also the beer) are equally spaced. In the Samsung cover image, your interest goes promptly to the left side of the page, totally missing the name of the product on the upper ideal side.
Not only is including balance a vital element of design, yet it additionally permits your cover pictures to be a lot more visually reliable on mobile. Which brings me to my next point ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) gain access to the social media specifically from mobile phones. That's substantial-- as well as it's specifically why it's so crucial to keep mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger section of your cover picture is blocked out due to the fact that the account image as well as the Web page name get on top of the cover picture.
Allow's have a look at a real-life instance. Listed below, take a look at just what Adobe's Facebook Page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the picture are cut off on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels high on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smartphones. Take a look at this Facebook help document to learn more.
Notification, by the way, how the message 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 put crucial material thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Page
If you truly want to get creative with your cover photo, try integrating its layout with various other parts of your Facebook Web page. You could make your profile photo and also cover picture one big canvas, or make use of some style elements to draw attention to different performances of your Facebook Web page.
Below are some concepts of what these cover photo combinations might appear like.
Combine your profile photo and also cover image.
With a little creativity and also some style modifies, you can make your profile image as well as cover image look like if they're two parts of one canvas. Take a look at among Paris' cover photos for a subtle yet engaging method to do that.
Note: Considering that cover photos present in different ways on mobile and on desktop, you'll have to choose one layout to create your cover picture as well as profile mix for. Since cover pictures are much more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover image as well as profile picture mix layout.
Draw attention to the buttons on right.
Adhering to the best methods mentioned over, WeddingWire puts all its important message to the right of their cover image-- not just attaining a good layout aesthetic, however additionally accentuating the main calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it might seem like a good idea to add directional signs like an arrowhead to get individuals to click the CTA buttons, note that those CTA switches do not show up the same way on the mobile app. In other words, it might be puzzling to mobile individuals if you incorporate the cover image design with the buttons.
10) Do consist of a reduced web link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover picture to sustain your web page CTA, see to it your cover photo summary likewise consists of a message CTA as well as connect to the very same offer. By doing this, whenever individuals view your cover picture directly, they can access the download web link.
Make certain you reduce your web links and add UTM codes so you could track click them. Shortening and also tracking functions are available in the HubSpot Advertising And Marketing Platform and also in devices like bitly.
( If you intend to find out more regarding how to write effective call-to-action duplicate for your cover image description, click here to download our totally free ebook on producing compelling CTAs.).
11) Do pin a relevant message right listed below your Facebook cover photo
Have you ever "pinned" a message to your Facebook Page's Timeline? Generally, pinning a message permits you to highlight a regular Facebook article on the top of your Timeline for seven days. It's signified by a little yellow flag on the leading right of the article.
Exactly how does this associate with maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image design, as well as your cover picture description duplicate, you must also see to it to publish regarding the exact same point directly to your page, and also pin that publish to the top of your Timeline.
In this way, you're giving individuals one very clear call-to-action when they arrive to your web page (albeit in numerous different places)-- which need to assist conversions.
To pin a Facebook post: Merely publish the message to Facebook, then click the descending arrowhead on the leading right corner of the post and also choose "Pin to Top.".