Size for Facebook Cover Photo
By
Arif Rahman
—
Feb 9, 2018
—
Cover Size
Size For Facebook Cover Photo: When individuals come to your Facebook Web page, where do you think they initially look?
I'll offer you some tips. It's an aesthetic piece of material that sits on top of your page. Its measurements are 851 pixels vast by 315 pixels high. It occupies nearly a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover picture.
Given that it is just one of one of the most obvious parts of your web page, it's essential that you comply with Facebook cover photo finest techniques.
Whether you're utilizing Facebook to produce leads, close your following sale, or create a consumer community, understanding how to make and also optimize your cover picture is very important. Continue reading to learn just what you need to (and also shouldn't) perform in your cover photo.
1) Do follow Facebook's cover photo standards
It seems like a piece of cake, however obeying Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd highly recommend reading through the full Web page Guidelines, yet below are a few crucial things to keep in mind for your cover image:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on any person else's copyright.
You cannot motivate individuals to post your cover to their personal timelines.
If you get captured violating the above terms, Facebook could do something about it against your Page. And also while Facebook doesn't explicitly claim just what will certainly take place if you break their Web page standards, it's probably not clever to get your Facebook Web page removed over a cover picture violation, so read the standards completely and also comply with them.
2) Do see to it your Facebook cover picture size is right: 851 px wide by 315 px high
You don't want to spend all this time developing a cover photo ... just to have it look odd when you upload it to Facebook.
Make sure your cover picture will look fantastic from the outset by seeing to it it's the best measurements: 851 pixels vast as well as 315 pixels tall.
If you post a picture smaller sized than those dimensions, Facebook will stretch it to fit the appropriate size, as long as it goes to the very least 399 pixels broad as well as 150 pixels tall.
If you want a no-hassle means making certain your cover images are the appropriate dimension, download our pre-sized layout for Facebook cover photos below.
3) Don't worry about the old "20% text" policy, however still try to remain aesthetic
Back in 2013, Facebook got rid of any reference to the 20% regulation on text in cover images ... yet that doesn't imply you must go wild with making use of message in your cover image. The previous rule stated that only 20% of your cover picture could be message. Personally, I thought that was way as well limiting for marketing professionals, but the belief behind the regulation was a good one.
If you're mosting likely to make use of text in your cover image, maintain that text concise. Your image will be far more helpful and also appealing.
4) Keep the picture simple, with a clear prime focus
Think of your cover picture as the section of your Web page that's "above the layer." If it's sidetracking or low quality, people will certainly be more probable to click off the web page.
A lot of the very best Facebook cover pictures consist of a single subject as the centerpiece. They also make use of negative white (i.e., empty space) as an advantage making the subject, any kind of duplicate on there, as well as various other aspects special to Facebook (like the CTA button on Facebook service Pages) stand out a lot more.
5) Don't hide content behind your profile image
Because of the means profile photos are featured on Facebook Pages, there's an area of your cover image that will not appear unless you click on it. Your Page name as well as the buttons on the bottom right also cover parts of your image.
According to Facebook's Aid web page, on desktop computers, the profile picture is located 16 pixels from the left edge of the cover picture, and also 176 pixels from the top of the cover picture.
That being claimed, you can also utilize this covert room to your advantage-- perhaps even concealing an Easter egg behind the account picture for a contest. Yet normally, keeping that space clear is a good finest technique.
6) Do not place important material on the bottom of your image, either
Your profile image isn't really the only part of your cover photo that will be partially concealed on your main Web page. You'll also intend to prevent placing essential material or crucial parts of your image on the bottom of your photo where the name of your Web page as well as CTA switches are.
We advise attracting an imaginary line concerning midway up your account picture, as well as maintaining vital content (like message or hashtags) over that.
7) Do right-align the objects in your cover photo
Given that your profile photo gets on left, you intend to include some equilibrium to your Facebook cover image design by having the emphasis of the photo get on the right.
Have a look at these cover pictures. Which one looks more visually pleasing?
Does not the right-aligned cover image look far better? The most significant style components (the profile picture, the text, and also the beer) are uniformly spaced. In the Samsung cover image, your interest goes immediately to the left side of the page, completely missing out on the name of the product on the upper right side.
Not just is including balance a crucial element of design, yet it additionally permits your cover photos to be a lot more visually efficient on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social media specifically from mobile devices. That's massive-- as well as it's specifically why it's so essential to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger portion of your cover picture is shut out since the account picture and also 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 just what Adobe's Facebook Page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels wide by 315 pixels high on desktop, it shows only the facility 640 pixels wide by 360 pixels tall on mobile phones. Take a look at this Facebook aid paper for additional information.
Notice, by the way, just how the message 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 put essential content thus far to the right that it obtains removed on mobile.
9) Do incorporate the cover picture layout with other parts of your Facebook Page
If you actually intend to get imaginative with your cover photo, try incorporating its layout with various other parts of your Facebook Page. You could make your account picture and also cover photo one huge canvas, or utilize some design aspects to accentuate various capabilities of your Facebook Web page.
Below are some concepts of what these cover image integrations might appear like.
Integrate your profile image as well as cover image.
With a little creativity and also some style modifies, you could make your profile picture as well as cover picture look like if they're two parts of one canvas. Look into one of Paris' cover photos for a refined however compelling way to do that.
Keep in mind: Given that cover pictures present differently on mobile and also on desktop, you'll have to choose one style to design your cover photo and account mix for. Since cover photos are a lot more obvious on desktop, I would certainly suggest focusing on that layout for your cover picture as well as profile picture mix layout.
Accentuate the buttons on right.
Following the most effective practices stated over, WeddingWire places all of its crucial message to the right of their cover image-- not just achieving a good design visual, but additionally accentuating the major calls-to-action on the Web page: Like, Follow, as well as Message.
Note: While it could look like a smart idea to include directional cues like an arrow to get people to click the CTA buttons, keep in mind that those CTA buttons don't show up similarly on the mobile app. Simply puts, it could be puzzling to mobile customers if you incorporate the cover image layout with the buttons.
10) Do consist of a shortened link in your cover photo description that straightens with your page CTA
If you want to utilize your cover photo to support your web page CTA, see to it your cover photo summary likewise consists of a text CTA and connect to the very same deal. By doing this, at any time individuals watch your cover image directly, they can access the download link.
Make sure you reduce your links and add UTM codes so you can track clicks on them. Reducing and also tracking features are offered in the HubSpot Advertising System and in devices like bitly.
( If you intend to discover more concerning how you can create efficient call-to-action duplicate for your cover picture description, visit this site to download our totally free book on producing compelling CTAs.).
11) Do pin a relevant post right listed below your Facebook cover image
Have you ever "pinned" a blog post to your Facebook Web page's Timeline? Basically, pinning a post enables you to highlight a regular Facebook post on the top of your Timeline for 7 days. It's symbolized by a tiny yellow flag on the leading right of the article.
How does this relate to maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image style, as well as your cover photo description copy, you need to likewise make certain to post concerning the exact same thing straight to your page, and also pin that post 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 a number of various locations)-- which must aid conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, then click the downward arrowhead on the leading right corner of the post and choose "Pin to Top.".
I'll offer you some tips. It's an aesthetic piece of material that sits on top of your page. Its measurements are 851 pixels vast by 315 pixels high. It occupies nearly a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover picture.
Given that it is just one of one of the most obvious parts of your web page, it's essential that you comply with Facebook cover photo finest techniques.
Whether you're utilizing Facebook to produce leads, close your following sale, or create a consumer community, understanding how to make and also optimize your cover picture is very important. Continue reading to learn just what you need to (and also shouldn't) perform in your cover photo.
Size For Facebook Cover Photo
1) Do follow Facebook's cover photo standards
It seems like a piece of cake, however obeying Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd highly recommend reading through the full Web page Guidelines, yet below are a few crucial things to keep in mind for your cover image:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on any person else's copyright.
You cannot motivate individuals to post your cover to their personal timelines.
If you get captured violating the above terms, Facebook could do something about it against your Page. And also while Facebook doesn't explicitly claim just what will certainly take place if you break their Web page standards, it's probably not clever to get your Facebook Web page removed over a cover picture violation, so read the standards completely and also comply with them.
2) Do see to it your Facebook cover picture size is right: 851 px wide by 315 px high
You don't want to spend all this time developing a cover photo ... just to have it look odd when you upload it to Facebook.
Make sure your cover picture will look fantastic from the outset by seeing to it it's the best measurements: 851 pixels vast as well as 315 pixels tall.
If you post a picture smaller sized than those dimensions, Facebook will stretch it to fit the appropriate size, as long as it goes to the very least 399 pixels broad as well as 150 pixels tall.
If you want a no-hassle means making certain your cover images are the appropriate dimension, download our pre-sized layout for Facebook cover photos below.
3) Don't worry about the old "20% text" policy, however still try to remain aesthetic
Back in 2013, Facebook got rid of any reference to the 20% regulation on text in cover images ... yet that doesn't imply you must go wild with making use of message in your cover image. The previous rule stated that only 20% of your cover picture could be message. Personally, I thought that was way as well limiting for marketing professionals, but the belief behind the regulation was a good one.
If you're mosting likely to make use of text in your cover image, maintain that text concise. Your image will be far more helpful and also appealing.
4) Keep the picture simple, with a clear prime focus
Think of your cover picture as the section of your Web page that's "above the layer." If it's sidetracking or low quality, people will certainly be more probable to click off the web page.
A lot of the very best Facebook cover pictures consist of a single subject as the centerpiece. They also make use of negative white (i.e., empty space) as an advantage making the subject, any kind of duplicate on there, as well as various other aspects special to Facebook (like the CTA button on Facebook service Pages) stand out a lot more.
5) Don't hide content behind your profile image
Because of the means profile photos are featured on Facebook Pages, there's an area of your cover image that will not appear unless you click on it. Your Page name as well as the buttons on the bottom right also cover parts of your image.
According to Facebook's Aid web page, on desktop computers, the profile picture is located 16 pixels from the left edge of the cover picture, and also 176 pixels from the top of the cover picture.
That being claimed, you can also utilize this covert room to your advantage-- perhaps even concealing an Easter egg behind the account picture for a contest. Yet normally, keeping that space clear is a good finest technique.
6) Do not place important material on the bottom of your image, either
Your profile image isn't really the only part of your cover photo that will be partially concealed on your main Web page. You'll also intend to prevent placing essential material or crucial parts of your image on the bottom of your photo where the name of your Web page as well as CTA switches are.
We advise attracting an imaginary line concerning midway up your account picture, as well as maintaining vital content (like message or hashtags) over that.
7) Do right-align the objects in your cover photo
Given that your profile photo gets on left, you intend to include some equilibrium to your Facebook cover image design by having the emphasis of the photo get on the right.
Have a look at these cover pictures. Which one looks more visually pleasing?
Does not the right-aligned cover image look far better? The most significant style components (the profile picture, the text, and also the beer) are uniformly spaced. In the Samsung cover image, your interest goes immediately to the left side of the page, completely missing out on the name of the product on the upper right side.
Not just is including balance a crucial element of design, yet it additionally permits your cover photos to be a lot more visually efficient on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social media specifically from mobile devices. That's massive-- as well as it's specifically why it's so essential to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger portion of your cover picture is shut out since the account picture and also 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 just what Adobe's Facebook Page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels wide by 315 pixels high on desktop, it shows only the facility 640 pixels wide by 360 pixels tall on mobile phones. Take a look at this Facebook aid paper for additional information.
Notice, by the way, just how the message 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 put essential content thus far to the right that it obtains removed on mobile.
9) Do incorporate the cover picture layout with other parts of your Facebook Page
If you actually intend to get imaginative with your cover photo, try incorporating its layout with various other parts of your Facebook Page. You could make your account picture and also cover photo one huge canvas, or utilize some design aspects to accentuate various capabilities of your Facebook Web page.
Below are some concepts of what these cover image integrations might appear like.
Integrate your profile image as well as cover image.
With a little creativity and also some style modifies, you could make your profile picture as well as cover picture look like if they're two parts of one canvas. Look into one of Paris' cover photos for a refined however compelling way to do that.
Keep in mind: Given that cover pictures present differently on mobile and also on desktop, you'll have to choose one style to design your cover photo and account mix for. Since cover photos are a lot more obvious on desktop, I would certainly suggest focusing on that layout for your cover picture as well as profile picture mix layout.
Accentuate the buttons on right.
Following the most effective practices stated over, WeddingWire places all of its crucial message to the right of their cover image-- not just achieving a good design visual, but additionally accentuating the major calls-to-action on the Web page: Like, Follow, as well as Message.
Note: While it could look like a smart idea to include directional cues like an arrow to get people to click the CTA buttons, keep in mind that those CTA buttons don't show up similarly on the mobile app. Simply puts, it could be puzzling to mobile customers if you incorporate the cover image layout with the buttons.
10) Do consist of a shortened link in your cover photo description that straightens with your page CTA
If you want to utilize your cover photo to support your web page CTA, see to it your cover photo summary likewise consists of a text CTA and connect to the very same deal. By doing this, at any time individuals watch your cover image directly, they can access the download link.
Make sure you reduce your links and add UTM codes so you can track clicks on them. Reducing and also tracking features are offered in the HubSpot Advertising System and in devices like bitly.
( If you intend to discover more concerning how you can create efficient call-to-action duplicate for your cover picture description, visit this site to download our totally free book on producing compelling CTAs.).
11) Do pin a relevant post right listed below your Facebook cover image
Have you ever "pinned" a blog post to your Facebook Web page's Timeline? Basically, pinning a post enables you to highlight a regular Facebook post on the top of your Timeline for 7 days. It's symbolized by a tiny yellow flag on the leading right of the article.
How does this relate to maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image style, as well as your cover photo description copy, you need to likewise make certain to post concerning the exact same thing straight to your page, and also pin that post 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 a number of various locations)-- which must aid conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, then click the downward arrowhead on the leading right corner of the post and choose "Pin to Top.".