Best Size for Facebook Cover
By
Arif Rahman
—
Jan 24, 2018
—
Cover Size
Best Size for Facebook Cover: When individuals reach your Facebook Page, where do you assume they initially look?
I'll offer you some tips. It's a visual item of web content that sits on top of your web page. Its measurements are 851 pixels large by 315 pixels tall. It uses up virtually a quarter of the screen on the majority of desktop web browsers.
That's right-- it's your Facebook cover photo.
Given that it is among one of the most obvious parts of your page, it's vital that you follow Facebook cover image finest practices.
Whether you're using Facebook to create leads, shut your following sale, or create a customer neighborhood, knowing how to make and maximize your cover image is extremely important. Read on to discover exactly what you must (and also should not) do in your cover picture.
1) Do abide by Facebook's cover picture standards
It looks like a no-brainer, but following Facebook standards is vital to your Facebook Page existing to begin with. I 'd highly suggest reading through the full Web page Standards, however right here are a couple of crucial points to bear in mind for your cover photo:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on anyone else's copyright.
You cannot encourage individuals to submit your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook can act versus your Web page. As well as while Facebook doesn't clearly claim what will certainly take place if you violate their Web page guidelines, it's probably not smart to obtain your Facebook Page taken down over a cover image infraction, so read the guidelines completely as well as follow them.
2) Do see to it your Facebook cover picture dimension is right: 851 px vast by 315 px high
You don't intend to invest all this time around designing a cover photo ... only to have it look weird when you submit it to Facebook.
Make sure your cover photo will look fabulous from the get-go by ensuring it's the appropriate measurements: 851 pixels large and also 315 pixels tall.
If you upload an image smaller compared to those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at the very least 399 pixels wide and also 150 pixels high.
If you desire a no-hassle way to earn certain your cover photos are the right dimension, download our pre-sized design template for Facebook cover photos below.
3) Don't worry regarding the old "20% text" rule, but still aim to remain visual
Back in 2013, Facebook removed any type of reference to the 20% regulation on text in cover photos ... however that doesn't mean you ought to go wild with making use of message in your cover photo. The previous guideline stated that just 20% of your cover photo could be message. Personally, I believed that was way too restrictive for marketing experts, but the belief behind the rule was a good one.
If you're mosting likely to utilize text in your cover photo, maintain that message concise. Your picture will be much more useful and appealing.
4) Maintain the photo simple, with a clear prime focus
Consider your cover image as the portion of your Web page that's "over the layer." If it's sidetracking or poor quality, people will be most likely to click off the web page.
Most of the very best Facebook cover pictures include a solitary subject as the centerpiece. They likewise utilize adverse white (i.e., empty space) as a benefit to earn the subject, any kind of duplicate on there, and various other elements unique to Facebook (like the CTA button on Facebook business Pages) stand apart even more.
5) Do not hide content behind your account picture
As a result of the way account photos are included on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Web page name as well as the buttons under right likewise cover parts of your picture.
Inning accordance with Facebook's Help page, on desktop, the account photo is located 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover image.
That being stated, you can also use this covert space to your benefit-- maybe even concealing an Easter egg behind the profile picture for a contest. Yet typically, keeping that room clear is a great ideal technique.
6) Do not put vital web content on the bottom of your image, either
Your account picture isn't really the only part of your cover photo that will certainly be partly concealed on your primary Page. You'll additionally want to stay clear of putting essential content or crucial parts of your picture under of your picture where the name of your Page and CTA switches are.
We suggest attracting an imaginary line concerning midway up your profile photo, as well as maintaining vital material (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Because your account photo gets on left, you wish to add some equilibrium to your Facebook cover image style by having the emphasis of the photo be on the right.
Take a look at these cover images. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover image look much better? The greatest layout components (the account photo, the message, and the beer) are uniformly spaced. In the Samsung cover photo, your focus goes immediately to the left side of the page, totally missing out on the name of the item on the top ideal side.
Not only is including equilibrium an essential aspect of layout, yet it also permits your cover pictures to be much more aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social media network solely from mobile devices. That's massive-- and also it's specifically why it's so crucial to maintain mobile users top-of-mind when creating your Facebook cover picture.
On mobile, a much larger part of your cover picture is blocked out since the profile picture as well as the Web page name are on top of the cover picture.
Let's take a look at a real-life example. Listed below, take a look at just what Adobe's Facebook Web page resembles in a desktop computer web browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover picture presents at 851 pixels vast by 315 pixels high on desktop, it displays just the facility 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook help paper for more details.
Notification, incidentally, exactly how the text in Adobe's cover picture is removed on the right-hand side. While it looks ideal to right-align your visual components, take care not to place important content up until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo style with other parts of your Facebook Page
If you truly intend to obtain creative with your cover photo, try incorporating its layout with various other parts of your Facebook Page. You could make your profile photo and also cover picture one large canvas, or utilize some style elements to draw attention to various capabilities of your Facebook Page.
Below are some suggestions of just what these cover image combinations may appear like.
Integrate your account photo and cover picture.
With a little creative thinking as well as some design fine-tunes, you could make your account image as well as cover picture look like if they're 2 parts of one canvas. Have a look at one of Paris' cover pictures for a subtle yet engaging way to do that.
Keep in mind: Since cover pictures show differently on mobile and on desktop, you'll have to select one format to design your cover image and profile mix for. Because cover images are a lot more obvious on desktop, I would certainly recommend focusing on that format for your cover image and also profile photo combination style.
Accentuate the switches on right.
Complying with the most effective techniques discussed over, WeddingWire puts all its important message to the right of their cover image-- not just accomplishing a great style visual, however also drawing attention to the main calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it could appear like a good idea to add directional cues like an arrowhead to get individuals to click the CTA switches, keep in mind that those CTA buttons don't appear similarly on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover photo design with the switches.
10) Do include a shortened link in your cover picture summary that straightens with your page CTA
If you intend to use your cover image to support your page CTA, make sure your cover image summary also consists of a message CTA and connect to the very same offer. This way, at any time people view your cover photo directly, they could access the download link.
See to it you shorten your web links and also include UTM codes so you can track clicks on them. Shortening and also tracking functions are offered in the HubSpot Advertising Platform and also in devices like bitly.
( If you want to learn more about the best ways to write effective call-to-action copy for your cover photo description, visit this site to download our totally free e-book on producing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover image
Have you ever before "pinned" a post to your Facebook Page's Timeline? Essentially, pinning an article enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's signified by a small yellow flag on the leading right of the post.
How does this connect to enhancing your Facebook cover photo? Well, if you're spending time straightening your Facebook Web page CTA, your cover photo style, as well as your cover picture summary copy, you need to additionally see to it to upload concerning the very same thing directly to your page, and pin that upload to the top of your Timeline.
By doing this, you're giving individuals one really clear call-to-action when they show up to your web page (albeit in several various areas)-- which need to aid conversions.
To pin a Facebook article: Merely publish the blog post to Facebook, then click the descending arrowhead on the leading right corner of the post as well as select "Pin to Top.".
I'll offer you some tips. It's a visual item of web content that sits on top of your web page. Its measurements are 851 pixels large by 315 pixels tall. It uses up virtually a quarter of the screen on the majority of desktop web browsers.
That's right-- it's your Facebook cover photo.
Given that it is among one of the most obvious parts of your page, it's vital that you follow Facebook cover image finest practices.
Whether you're using Facebook to create leads, shut your following sale, or create a customer neighborhood, knowing how to make and maximize your cover image is extremely important. Read on to discover exactly what you must (and also should not) do in your cover picture.
Best Size for Facebook Cover
1) Do abide by Facebook's cover picture standards
It looks like a no-brainer, but following Facebook standards is vital to your Facebook Page existing to begin with. I 'd highly suggest reading through the full Web page Standards, however right here are a couple of crucial points to bear in mind for your cover photo:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on anyone else's copyright.
You cannot encourage individuals to submit your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook can act versus your Web page. As well as while Facebook doesn't clearly claim what will certainly take place if you violate their Web page guidelines, it's probably not smart to obtain your Facebook Page taken down over a cover image infraction, so read the guidelines completely as well as follow them.
2) Do see to it your Facebook cover picture dimension is right: 851 px vast by 315 px high
You don't intend to invest all this time around designing a cover photo ... only to have it look weird when you submit it to Facebook.
Make sure your cover photo will look fabulous from the get-go by ensuring it's the appropriate measurements: 851 pixels large and also 315 pixels tall.
If you upload an image smaller compared to those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at the very least 399 pixels wide and also 150 pixels high.
If you desire a no-hassle way to earn certain your cover photos are the right dimension, download our pre-sized design template for Facebook cover photos below.
3) Don't worry regarding the old "20% text" rule, but still aim to remain visual
Back in 2013, Facebook removed any type of reference to the 20% regulation on text in cover photos ... however that doesn't mean you ought to go wild with making use of message in your cover photo. The previous guideline stated that just 20% of your cover photo could be message. Personally, I believed that was way too restrictive for marketing experts, but the belief behind the rule was a good one.
If you're mosting likely to utilize text in your cover photo, maintain that message concise. Your picture will be much more useful and appealing.
4) Maintain the photo simple, with a clear prime focus
Consider your cover image as the portion of your Web page that's "over the layer." If it's sidetracking or poor quality, people will be most likely to click off the web page.
Most of the very best Facebook cover pictures include a solitary subject as the centerpiece. They likewise utilize adverse white (i.e., empty space) as a benefit to earn the subject, any kind of duplicate on there, and various other elements unique to Facebook (like the CTA button on Facebook business Pages) stand apart even more.
5) Do not hide content behind your account picture
As a result of the way account photos are included on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Web page name as well as the buttons under right likewise cover parts of your picture.
Inning accordance with Facebook's Help page, on desktop, the account photo is located 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover image.
That being stated, you can also use this covert space to your benefit-- maybe even concealing an Easter egg behind the profile picture for a contest. Yet typically, keeping that room clear is a great ideal technique.
6) Do not put vital web content on the bottom of your image, either
Your account picture isn't really the only part of your cover photo that will certainly be partly concealed on your primary Page. You'll additionally want to stay clear of putting essential content or crucial parts of your picture under of your picture where the name of your Page and CTA switches are.
We suggest attracting an imaginary line concerning midway up your profile photo, as well as maintaining vital material (like message or hashtags) above that.
7) Do right-align the things in your cover picture
Because your account photo gets on left, you wish to add some equilibrium to your Facebook cover image style by having the emphasis of the photo be on the right.
Take a look at these cover images. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover image look much better? The greatest layout components (the account photo, the message, and the beer) are uniformly spaced. In the Samsung cover photo, your focus goes immediately to the left side of the page, totally missing out on the name of the item on the top ideal side.
Not only is including equilibrium an essential aspect of layout, yet it also permits your cover pictures to be much more aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social media network solely from mobile devices. That's massive-- and also it's specifically why it's so crucial to maintain mobile users top-of-mind when creating your Facebook cover picture.
On mobile, a much larger part of your cover picture is blocked out since the profile picture as well as the Web page name are on top of the cover picture.
Let's take a look at a real-life example. Listed below, take a look at just what Adobe's Facebook Web page resembles in a desktop computer web browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover picture presents at 851 pixels vast by 315 pixels high on desktop, it displays just the facility 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook help paper for more details.
Notification, incidentally, exactly how the text in Adobe's cover picture is removed on the right-hand side. While it looks ideal to right-align your visual components, take care not to place important content up until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo style with other parts of your Facebook Page
If you truly intend to obtain creative with your cover photo, try incorporating its layout with various other parts of your Facebook Page. You could make your profile photo and also cover picture one large canvas, or utilize some style elements to draw attention to various capabilities of your Facebook Page.
Below are some suggestions of just what these cover image combinations may appear like.
Integrate your account photo and cover picture.
With a little creative thinking as well as some design fine-tunes, you could make your account image as well as cover picture look like if they're 2 parts of one canvas. Have a look at one of Paris' cover pictures for a subtle yet engaging way to do that.
Keep in mind: Since cover pictures show differently on mobile and on desktop, you'll have to select one format to design your cover image and profile mix for. Because cover images are a lot more obvious on desktop, I would certainly recommend focusing on that format for your cover image and also profile photo combination style.
Accentuate the switches on right.
Complying with the most effective techniques discussed over, WeddingWire puts all its important message to the right of their cover image-- not just accomplishing a great style visual, however also drawing attention to the main calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it could appear like a good idea to add directional cues like an arrowhead to get individuals to click the CTA switches, keep in mind that those CTA buttons don't appear similarly on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover photo design with the switches.
10) Do include a shortened link in your cover picture summary that straightens with your page CTA
If you intend to use your cover image to support your page CTA, make sure your cover image summary also consists of a message CTA and connect to the very same offer. This way, at any time people view your cover photo directly, they could access the download link.
See to it you shorten your web links and also include UTM codes so you can track clicks on them. Shortening and also tracking functions are offered in the HubSpot Advertising Platform and also in devices like bitly.
( If you want to learn more about the best ways to write effective call-to-action copy for your cover photo description, visit this site to download our totally free e-book on producing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover image
Have you ever before "pinned" a post to your Facebook Page's Timeline? Essentially, pinning an article enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's signified by a small yellow flag on the leading right of the post.
How does this connect to enhancing your Facebook cover photo? Well, if you're spending time straightening your Facebook Web page CTA, your cover photo style, as well as your cover picture summary copy, you need to additionally see to it to upload concerning the very same thing directly to your page, and pin that upload to the top of your Timeline.
By doing this, you're giving individuals one really clear call-to-action when they show up to your web page (albeit in several various areas)-- which need to aid conversions.
To pin a Facebook article: Merely publish the blog post to Facebook, then click the descending arrowhead on the leading right corner of the post as well as select "Pin to Top.".