What Size is the Cover Photo for Facebook
By
Arif Rahman
—
Feb 7, 2018
—
Cover Size
What Size Is The Cover Photo For Facebook: When individuals get to your Facebook Web page, where do you assume they initially look?
I'll provide you some tips. It's a visual item of material that sits at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies almost a quarter of the display on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Since it is among one of the most obvious parts of your page, it's vital that you comply with Facebook cover photo ideal techniques.
Whether you're making use of Facebook to generate leads, close your following sale, or create a consumer community, understanding the best ways to make and also optimize your cover photo is extremely important. Read on to discover just what you ought to (and also should not) do in your cover picture.
1) Do comply with Facebook's cover image guidelines
It looks like a no-brainer, however complying with Facebook standards is vital to your Facebook Page existing to begin with. I 'd extremely recommend reading through the full Page Guidelines, but here are a few vital points to remember for your cover picture:
Your cover is public.
Covers can not be deceitful, deceptive, or infringe on anybody else's copyright.
You cannot encourage people to publish your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook can do something about it versus your Page. And while Facebook doesn't explicitly say just what will certainly take place if you violate their Web page standards, it's probably not smart to obtain your Facebook Page removed over a cover image infraction, so check out the guidelines in full as well as comply with them.
2) Do make sure your Facebook cover photo size is right: 851 px wide by 315 px tall
You do not wish to spend all this time designing a cover image ... only to have it look weird when you publish it to Facebook.
Make certain your cover picture will certainly look remarkable from the start by ensuring it's the ideal dimensions: 851 pixels vast as well as 315 pixels high.
If you submit a photo smaller sized than those dimensions, Facebook will stretch it to fit the best size, as long as it goes to the very least 399 pixels large and 150 pixels tall.
If you desire a no-hassle method to earn sure your cover images are the appropriate size, download our pre-sized template for Facebook cover photos right here.
3) Don't worry concerning the old "20% text" regulation, yet still aim to remain aesthetic
Back in 2013, Facebook eliminated any type of referral to the 20% guideline on text in cover images ... however that doesn't mean you ought to go wild with making use of message in your cover picture. The previous policy claimed that only 20% of your cover picture could be message. Personally, I believed that was way also limiting for marketers, however the belief behind the rule was a good one.
If you're going to use message in your cover picture, maintain that message concise. Your image will be much more insightful and interesting.
4) Maintain the picture simple, with a clear focal point
Consider your cover picture as the portion of your Web page that's "over the fold." If it's sidetracking or low quality, individuals will certainly be more probable to click off the web page.
A number of the very best Facebook cover images include a single subject as the centerpiece. They additionally make use of adverse white (i.e., empty space) as an advantage making the subject, any duplicate on there, as well as various other aspects unique to Facebook (like the CTA button on Facebook business Pages) stand out much more.
5) Don't hide material behind your account photo
Due to the method account pictures are showcased on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Page name and the buttons on the bottom right additionally cover parts of your photo.
According to Facebook's Assistance web page, on home computer, the account picture is located 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being said, you can also use this covert area to your benefit-- maybe even concealing an Easter egg behind the profile picture for a competition. Yet normally, keeping that room clear is an excellent ideal technique.
6) Don't put vital content under of your photo, either
Your account picture isn't the only part of your cover image that will be partially hidden on your major Web page. You'll likewise wish to stay clear of putting essential material or vital parts of your picture on the bottom of your image where the name of your Page and CTA switches are.
We advise attracting an imaginary line about midway up your account photo, and also keeping essential content (like message or hashtags) over that.
7) Do right-align the things in your cover photo
Since your profile picture gets on left, you wish to include some balance to your Facebook cover picture design by having the emphasis of the image be on the right.
Take a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover image look far better? The biggest design aspects (the account photo, the text, and the beer) are evenly spaced. In the Samsung cover image, your interest goes instantly to the left side of the web page, completely missing the name of the item on the top ideal side.
Not just is including equilibrium a critical component of layout, however it likewise allows for your cover images to be much 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 user base (54.2%) access the social media network solely from mobile devices. That's huge-- as well as it's precisely why it's so important to keep mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much larger section of your cover photo is blocked out since the account photo and the Web page name are on top of the cover image.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Page appears like in a desktop web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels tall on desktop, it presents only the center 640 pixels large by 360 pixels high on smartphones. Take a look at this Facebook aid record to learn more.
Notice, incidentally, exactly how the message in Adobe's cover picture is cut off on the right-hand side. While it looks ideal to right-align your aesthetic aspects, take care not to put vital content up until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture design with other parts of your Facebook Page
If you truly intend to get innovative with your cover picture, attempt integrating its layout with other parts of your Facebook Web page. You can make your profile picture and also cover image one big canvas, or utilize some style components to accentuate various functionalities of your Facebook Web page.
Below are some suggestions of just what these cover picture assimilations might appear like.
Incorporate your profile picture and also cover picture.
With a little imagination and also some design modifies, you can make your account picture and cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover pictures for a refined yet engaging means to do that.
Note: Considering that cover photos display in a different way on mobile and on desktop, you'll need to select one layout to create your cover picture and account mix for. Considering that cover photos are a lot more obvious on desktop, I would certainly suggest focusing on that format for your cover photo and also profile picture combination style.
Accentuate the buttons on right.
Following the best methods mentioned above, WeddingWire positions every one of its essential message to the right of their cover image-- not just achieving an excellent style visual, but additionally accentuating the major calls-to-action on the Page: Like, Follow, as well as Message.
Note: While it could seem like a good idea to add directional hints like an arrow to obtain people to click on the CTA buttons, note that those CTA buttons do not show up the same way on the mobile application. Simply puts, it may be perplexing to mobile individuals if you incorporate the cover picture layout with the buttons.
10) Do consist of a shortened web link in your cover picture description that straightens with your web page CTA
If you wish to use your cover picture to sustain your web page CTA, make sure your cover picture summary also consists of a text CTA and link to the exact same offer. By doing this, at any time people watch your cover image straight, they can access the download link.
Ensure you reduce your web links as well as include UTM codes so you could track click them. Shortening and tracking attributes are available in the HubSpot Advertising And Marketing System as well as in tools like bitly.
( If you want to learn more concerning the best ways to write reliable call-to-action copy for your cover photo summary, go here to download our cost-free e-book on developing engaging CTAs.).
11) Do pin a related blog post right below your Facebook cover photo
Have you ever before "pinned" a message to your Facebook Web page's Timeline? Primarily, pinning a blog post allows you to highlight a regular Facebook message on the top of your Timeline for seven days. It's symbolized by a little yellow flag on the top right of the article.
Just how does this connect to enhancing your Facebook cover photo? Well, if you're spending time aligning your Facebook Web page CTA, your cover photo design, and also your cover image description duplicate, you ought to also see to it to upload regarding the exact same point straight to your web page, and also pin that upload to the top of your Timeline.
This way, you're providing people one very clear call-to-action when they show up to your web page (albeit in several various places)-- which should assist conversions.
To pin a Facebook article: Simply publish the post to Facebook, after that click the downward arrowhead on the leading right corner of the post and choose "Pin to Top.".
I'll provide you some tips. It's a visual item of material that sits at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies almost a quarter of the display on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Since it is among one of the most obvious parts of your page, it's vital that you comply with Facebook cover photo ideal techniques.
Whether you're making use of Facebook to generate leads, close your following sale, or create a consumer community, understanding the best ways to make and also optimize your cover photo is extremely important. Read on to discover just what you ought to (and also should not) do in your cover picture.
What Size Is The Cover Photo For Facebook
1) Do comply with Facebook's cover image guidelines
It looks like a no-brainer, however complying with Facebook standards is vital to your Facebook Page existing to begin with. I 'd extremely recommend reading through the full Page Guidelines, but here are a few vital points to remember for your cover picture:
Your cover is public.
Covers can not be deceitful, deceptive, or infringe on anybody else's copyright.
You cannot encourage people to publish your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook can do something about it versus your Page. And while Facebook doesn't explicitly say just what will certainly take place if you violate their Web page standards, it's probably not smart to obtain your Facebook Page removed over a cover image infraction, so check out the guidelines in full as well as comply with them.
2) Do make sure your Facebook cover photo size is right: 851 px wide by 315 px tall
You do not wish to spend all this time designing a cover image ... only to have it look weird when you publish it to Facebook.
Make certain your cover picture will certainly look remarkable from the start by ensuring it's the ideal dimensions: 851 pixels vast as well as 315 pixels high.
If you submit a photo smaller sized than those dimensions, Facebook will stretch it to fit the best size, as long as it goes to the very least 399 pixels large and 150 pixels tall.
If you desire a no-hassle method to earn sure your cover images are the appropriate size, download our pre-sized template for Facebook cover photos right here.
3) Don't worry concerning the old "20% text" regulation, yet still aim to remain aesthetic
Back in 2013, Facebook eliminated any type of referral to the 20% guideline on text in cover images ... however that doesn't mean you ought to go wild with making use of message in your cover picture. The previous policy claimed that only 20% of your cover picture could be message. Personally, I believed that was way also limiting for marketers, however the belief behind the rule was a good one.
If you're going to use message in your cover picture, maintain that message concise. Your image will be much more insightful and interesting.
4) Maintain the picture simple, with a clear focal point
Consider your cover picture as the portion of your Web page that's "over the fold." If it's sidetracking or low quality, individuals will certainly be more probable to click off the web page.
A number of the very best Facebook cover images include a single subject as the centerpiece. They additionally make use of adverse white (i.e., empty space) as an advantage making the subject, any duplicate on there, as well as various other aspects unique to Facebook (like the CTA button on Facebook business Pages) stand out much more.
5) Don't hide material behind your account photo
Due to the method account pictures are showcased on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Page name and the buttons on the bottom right additionally cover parts of your photo.
According to Facebook's Assistance web page, on home computer, the account picture is located 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being said, you can also use this covert area to your benefit-- maybe even concealing an Easter egg behind the profile picture for a competition. Yet normally, keeping that room clear is an excellent ideal technique.
6) Don't put vital content under of your photo, either
Your account picture isn't the only part of your cover image that will be partially hidden on your major Web page. You'll likewise wish to stay clear of putting essential material or vital parts of your picture on the bottom of your image where the name of your Page and CTA switches are.
We advise attracting an imaginary line about midway up your account photo, and also keeping essential content (like message or hashtags) over that.
7) Do right-align the things in your cover photo
Since your profile picture gets on left, you wish to include some balance to your Facebook cover picture design by having the emphasis of the image be on the right.
Take a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover image look far better? The biggest design aspects (the account photo, the text, and the beer) are evenly spaced. In the Samsung cover image, your interest goes instantly to the left side of the web page, completely missing the name of the item on the top ideal side.
Not just is including equilibrium a critical component of layout, however it likewise allows for your cover images to be much 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 user base (54.2%) access the social media network solely from mobile devices. That's huge-- as well as it's precisely why it's so important to keep mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much larger section of your cover photo is blocked out since the account photo and the Web page name are on top of the cover image.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Page appears like in a desktop web browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels tall on desktop, it presents only the center 640 pixels large by 360 pixels high on smartphones. Take a look at this Facebook aid record to learn more.
Notice, incidentally, exactly how the message in Adobe's cover picture is cut off on the right-hand side. While it looks ideal to right-align your aesthetic aspects, take care not to put vital content up until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture design with other parts of your Facebook Page
If you truly intend to get innovative with your cover picture, attempt integrating its layout with other parts of your Facebook Web page. You can make your profile picture and also cover image one big canvas, or utilize some style components to accentuate various functionalities of your Facebook Web page.
Below are some suggestions of just what these cover picture assimilations might appear like.
Incorporate your profile picture and also cover picture.
With a little imagination and also some design modifies, you can make your account picture and cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover pictures for a refined yet engaging means to do that.
Note: Considering that cover photos display in a different way on mobile and on desktop, you'll need to select one layout to create your cover picture and account mix for. Considering that cover photos are a lot more obvious on desktop, I would certainly suggest focusing on that format for your cover photo and also profile picture combination style.
Accentuate the buttons on right.
Following the best methods mentioned above, WeddingWire positions every one of its essential message to the right of their cover image-- not just achieving an excellent style visual, but additionally accentuating the major calls-to-action on the Page: Like, Follow, as well as Message.
Note: While it could seem like a good idea to add directional hints like an arrow to obtain people to click on the CTA buttons, note that those CTA buttons do not show up the same way on the mobile application. Simply puts, it may be perplexing to mobile individuals if you incorporate the cover picture layout with the buttons.
10) Do consist of a shortened web link in your cover picture description that straightens with your web page CTA
If you wish to use your cover picture to sustain your web page CTA, make sure your cover picture summary also consists of a text CTA and link to the exact same offer. By doing this, at any time people watch your cover image straight, they can access the download link.
Ensure you reduce your web links as well as include UTM codes so you could track click them. Shortening and tracking attributes are available in the HubSpot Advertising And Marketing System as well as in tools like bitly.
( If you want to learn more concerning the best ways to write reliable call-to-action copy for your cover photo summary, go here to download our cost-free e-book on developing engaging CTAs.).
11) Do pin a related blog post right below your Facebook cover photo
Have you ever before "pinned" a message to your Facebook Web page's Timeline? Primarily, pinning a blog post allows you to highlight a regular Facebook message on the top of your Timeline for seven days. It's symbolized by a little yellow flag on the top right of the article.
Just how does this connect to enhancing your Facebook cover photo? Well, if you're spending time aligning your Facebook Web page CTA, your cover photo design, and also your cover image description duplicate, you ought to also see to it to upload regarding the exact same point straight to your web page, and also pin that upload to the top of your Timeline.
This way, you're providing people one very clear call-to-action when they show up to your web page (albeit in several various places)-- which should assist conversions.
To pin a Facebook article: Simply publish the post to Facebook, after that click the downward arrowhead on the leading right corner of the post and choose "Pin to Top.".