Facebook Cover Size
By
Arif Rahman
—
Jan 15, 2018
—
Cover Size
Facebook Cover Size: When individuals arrive at your Facebook Web page, where do you assume they initially look?
I'll provide you some hints. It's a visual piece of material that rests at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies nearly a quarter of the screen on a lot of desktop computer browsers.
That's right-- it's your Facebook cover picture.
Given that it's one of the most recognizable parts of your web page, it's crucial that you follow Facebook cover image finest practices.
Whether you're making use of Facebook to generate leads, shut your next sale, or produce a consumer area, recognizing how you can make and also enhance your cover photo is very important. Continue reading to discover exactly what you should (as well as should not) do in your cover picture.
1) Do follow Facebook's cover picture standards
It appears like a no-brainer, but obeying Facebook standards is vital to your Facebook Page existing to begin with. I 'd highly suggest reviewing the complete Page Standards, however below are a few important points to remember for your cover image:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on any individual else's copyright.
You can not urge individuals to submit your cover to their individual timelines.
If you obtain caught violating the above terms, Facebook could do something about it versus your Web page. And also while Facebook doesn't explicitly state just what will happen if you breach their Page guidelines, it's probably not clever to obtain your Facebook Page taken down over a cover picture infraction, so review the guidelines in full and also follow them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px tall
You do not intend to spend all this moment making a cover picture ... only to have it look odd when you post it to Facebook.
See to it your cover image will certainly look remarkable from the start by seeing to it it's the best dimensions: 851 pixels large as well as 315 pixels high.
If you submit a photo smaller sized than those dimensions, Facebook will stretch it to fit the ideal dimension, as long as it goes to least 399 pixels vast and 150 pixels tall.
If you want a no-hassle method to earn certain your cover photos are the best dimension, download our pre-sized design template for Facebook cover images below.
3) Don't worry about the old "20% text" regulation, however still aim to stay aesthetic
Back in 2013, Facebook eliminated any kind of reference to the 20% guideline on message in cover photos ... but that does not imply you must go wild with using message in your cover image. The previous policy stated that only 20% of your cover photo could be text. Personally, I assumed that was way also restrictive for marketers, however the belief behind the rule was a good one.
If you're going to use message in your cover image, maintain that message concise. Your image will certainly be much more interesting and also interesting.
4) Maintain the picture simple, with a clear prime focus
Think of your cover picture as the part of your Web page that's "above the fold." If it's sidetracking or poor quality, individuals will certainly be more likely to click off the page.
A number of the very best Facebook cover photos include a solitary subject as the centerpiece. They also make use of unfavorable white (i.e., empty space) as a benefit to make the topic, any duplicate on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook business Pages) stick out a lot more.
5) Do not conceal web content behind your profile picture
As a result of the means profile photos are showcased on Facebook Pages, there's an area of your cover photo that will not show up unless you click on it. Your Web page name and also the switches on the bottom right additionally cover sections of your picture.
Inning accordance with Facebook's Aid web page, on desktop computers, the profile image lies 16 pixels from the left edge of the cover image, as well as 176 pixels from the top of the cover picture.
That being claimed, you can additionally use this surprise area to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. However normally, keeping that room clear is an excellent ideal practice.
6) Don't place vital web content under of your image, either
Your account photo isn't the only part of your cover photo that will certainly be partly hidden on your major Page. You'll likewise want to stay clear of putting crucial web content or essential parts of your image on the bottom of your picture where the name of your Page and CTA buttons are.
We advise attracting an imaginary line concerning midway up your profile image, as well as maintaining important content (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Since your account image gets on left, you want to add some balance to your Facebook cover picture layout by having the emphasis of the picture get on the right.
Have a look at these cover images. Which one looks more visually pleasing?
Does not the right-aligned cover photo look better? The biggest layout components (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the page, entirely missing out on the name of the item on the upper right side.
Not just is adding balance an essential element of style, but it also enables your cover images to be more aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) gain access to the social network specifically from smart phones. That's big-- as well as it's exactly why it's so vital to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much larger portion of your cover photo is blocked out due to the fact that the account photo and the Page name are on top of the cover photo.
Let's take a look at a real-life example. Below, have a look at just what Adobe's Facebook Web page resembles in a desktop browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the image are removed on mobile. Whereas your cover photo presents at 851 pixels vast by 315 pixels high on desktop computer, it shows only the center 640 pixels wide by 360 pixels high on mobile phones. Have a look at this Facebook aid record for more information.
Notification, incidentally, just how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your aesthetic elements, be careful not to place crucial content until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image design with other parts of your Facebook Page
If you truly want to obtain innovative with your cover picture, try incorporating its style with various other parts of your Facebook Web page. You can make your profile image and cover image one large canvas, or use some style components to draw attention to various functionalities of your Facebook Page.
Below are some suggestions of what these cover image assimilations could appear like.
Combine your account image as well as cover photo.
With a little creative thinking and some layout tweaks, you can make your account photo and also cover picture appear as if they're 2 parts of one canvas. Have a look at among Paris' cover photos for a subtle but engaging way to do that.
Note: Since cover images display differently on mobile as well as on desktop computer, you'll have to choose one layout to make your cover picture as well as profile mix for. Since cover pictures are much more recognizable on desktop, I 'd recommend focusing on that format for your cover photo as well as account picture combination design.
Accentuate the switches on right.
Complying with the most effective practices pointed out over, WeddingWire places all its crucial text to the right of their cover image-- not just accomplishing an excellent style visual, yet additionally accentuating the major calls-to-action on the Page: Like, Adhere to, and Message.
Note: While it could feel like a great idea to add directional hints like an arrow to get individuals to click on the CTA switches, keep in mind that those CTA switches don't appear the same way on the mobile app. Simply puts, it may be confusing to mobile customers if you incorporate the cover photo layout with the buttons.
10) Do include a reduced link in your cover picture summary that straightens with your web page CTA
If you intend to use your cover photo to support your page CTA, ensure your cover photo description likewise includes a text CTA and also connect to the very same deal. In this manner, whenever individuals watch your cover image directly, they can access the download link.
See to it you shorten your links as well as include UTM codes so you could track clicks on them. Shortening and tracking attributes are offered in the HubSpot Advertising System and in devices like bitly.
( If you wish to learn more concerning the best ways to create reliable call-to-action copy for your cover image summary, click here to download our complimentary e-book on developing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover photo
Have you ever "pinned" a blog post to your Facebook Page's Timeline? Generally, pinning a message allows you to highlight a normal Facebook blog post on the top of your Timeline for 7 days. It's signified by a tiny yellow flag on the top right of the blog post.
Exactly how does this relate to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover image layout, and also your cover image description copy, you should additionally ensure to upload about the exact same point straight to your web page, and pin that upload to the top of your Timeline.
By doing this, you're giving people one extremely clear call-to-action when they arrive to your web page (albeit in numerous different areas)-- which should aid conversions.
To pin a Facebook blog post: Just publish the post to Facebook, after that click the down arrow on the leading right corner of the post and also select "Pin to Top.".
I'll provide you some hints. It's a visual piece of material that rests at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies nearly a quarter of the screen on a lot of desktop computer browsers.
That's right-- it's your Facebook cover picture.
Given that it's one of the most recognizable parts of your web page, it's crucial that you follow Facebook cover image finest practices.
Whether you're making use of Facebook to generate leads, shut your next sale, or produce a consumer area, recognizing how you can make and also enhance your cover photo is very important. Continue reading to discover exactly what you should (as well as should not) do in your cover picture.
Facebook Cover Size
1) Do follow Facebook's cover picture standards
It appears like a no-brainer, but obeying Facebook standards is vital to your Facebook Page existing to begin with. I 'd highly suggest reviewing the complete Page Standards, however below are a few important points to remember for your cover image:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on any individual else's copyright.
You can not urge individuals to submit your cover to their individual timelines.
If you obtain caught violating the above terms, Facebook could do something about it versus your Web page. And also while Facebook doesn't explicitly state just what will happen if you breach their Page guidelines, it's probably not clever to obtain your Facebook Page taken down over a cover picture infraction, so review the guidelines in full and also follow them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px tall
You do not intend to spend all this moment making a cover picture ... only to have it look odd when you post it to Facebook.
See to it your cover image will certainly look remarkable from the start by seeing to it it's the best dimensions: 851 pixels large as well as 315 pixels high.
If you submit a photo smaller sized than those dimensions, Facebook will stretch it to fit the ideal dimension, as long as it goes to least 399 pixels vast and 150 pixels tall.
If you want a no-hassle method to earn certain your cover photos are the best dimension, download our pre-sized design template for Facebook cover images below.
3) Don't worry about the old "20% text" regulation, however still aim to stay aesthetic
Back in 2013, Facebook eliminated any kind of reference to the 20% guideline on message in cover photos ... but that does not imply you must go wild with using message in your cover image. The previous policy stated that only 20% of your cover photo could be text. Personally, I assumed that was way also restrictive for marketers, however the belief behind the rule was a good one.
If you're going to use message in your cover image, maintain that message concise. Your image will certainly be much more interesting and also interesting.
4) Maintain the picture simple, with a clear prime focus
Think of your cover picture as the part of your Web page that's "above the fold." If it's sidetracking or poor quality, individuals will certainly be more likely to click off the page.
A number of the very best Facebook cover photos include a solitary subject as the centerpiece. They also make use of unfavorable white (i.e., empty space) as a benefit to make the topic, any duplicate on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook business Pages) stick out a lot more.
5) Do not conceal web content behind your profile picture
As a result of the means profile photos are showcased on Facebook Pages, there's an area of your cover photo that will not show up unless you click on it. Your Web page name and also the switches on the bottom right additionally cover sections of your picture.
Inning accordance with Facebook's Aid web page, on desktop computers, the profile image lies 16 pixels from the left edge of the cover image, as well as 176 pixels from the top of the cover picture.
That being claimed, you can additionally use this surprise area to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. However normally, keeping that room clear is an excellent ideal practice.
6) Don't place vital web content under of your image, either
Your account photo isn't the only part of your cover photo that will certainly be partly hidden on your major Page. You'll likewise want to stay clear of putting crucial web content or essential parts of your image on the bottom of your picture where the name of your Page and CTA buttons are.
We advise attracting an imaginary line concerning midway up your profile image, as well as maintaining important content (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Since your account image gets on left, you want to add some balance to your Facebook cover picture layout by having the emphasis of the picture get on the right.
Have a look at these cover images. Which one looks more visually pleasing?
Does not the right-aligned cover photo look better? The biggest layout components (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the page, entirely missing out on the name of the item on the upper right side.
Not just is adding balance an essential element of style, but it also enables your cover images to be more aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) gain access to the social network specifically from smart phones. That's big-- as well as it's exactly why it's so vital to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much larger portion of your cover photo is blocked out due to the fact that the account photo and the Page name are on top of the cover photo.
Let's take a look at a real-life example. Below, have a look at just what Adobe's Facebook Web page resembles in a desktop browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the image are removed on mobile. Whereas your cover photo presents at 851 pixels vast by 315 pixels high on desktop computer, it shows only the center 640 pixels wide by 360 pixels high on mobile phones. Have a look at this Facebook aid record for more information.
Notification, incidentally, just how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your aesthetic elements, be careful not to place crucial content until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image design with other parts of your Facebook Page
If you truly want to obtain innovative with your cover picture, try incorporating its style with various other parts of your Facebook Web page. You can make your profile image and cover image one large canvas, or use some style components to draw attention to various functionalities of your Facebook Page.
Below are some suggestions of what these cover image assimilations could appear like.
Combine your account image as well as cover photo.
With a little creative thinking and some layout tweaks, you can make your account photo and also cover picture appear as if they're 2 parts of one canvas. Have a look at among Paris' cover photos for a subtle but engaging way to do that.
Note: Since cover images display differently on mobile as well as on desktop computer, you'll have to choose one layout to make your cover picture as well as profile mix for. Since cover pictures are much more recognizable on desktop, I 'd recommend focusing on that format for your cover photo as well as account picture combination design.
Accentuate the switches on right.
Complying with the most effective practices pointed out over, WeddingWire places all its crucial text to the right of their cover image-- not just accomplishing an excellent style visual, yet additionally accentuating the major calls-to-action on the Page: Like, Adhere to, and Message.
Note: While it could feel like a great idea to add directional hints like an arrow to get individuals to click on the CTA switches, keep in mind that those CTA switches don't appear the same way on the mobile app. Simply puts, it may be confusing to mobile customers if you incorporate the cover photo layout with the buttons.
10) Do include a reduced link in your cover picture summary that straightens with your web page CTA
If you intend to use your cover photo to support your page CTA, ensure your cover photo description likewise includes a text CTA and also connect to the very same deal. In this manner, whenever individuals watch your cover image directly, they can access the download link.
See to it you shorten your links as well as include UTM codes so you could track clicks on them. Shortening and tracking attributes are offered in the HubSpot Advertising System and in devices like bitly.
( If you wish to learn more concerning the best ways to create reliable call-to-action copy for your cover image summary, click here to download our complimentary e-book on developing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover photo
Have you ever "pinned" a blog post to your Facebook Page's Timeline? Generally, pinning a message allows you to highlight a normal Facebook blog post on the top of your Timeline for 7 days. It's signified by a tiny yellow flag on the top right of the blog post.
Exactly how does this relate to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover image layout, and also your cover image description copy, you should additionally ensure to upload about the exact same point straight to your web page, and pin that upload to the top of your Timeline.
By doing this, you're giving people one extremely clear call-to-action when they arrive to your web page (albeit in numerous different areas)-- which should aid conversions.
To pin a Facebook blog post: Just publish the post to Facebook, after that click the down arrow on the leading right corner of the post and also select "Pin to Top.".