Facebook Cover Photo Sizes
By
MUFY UJASH
—
Nov 24, 2017
—
Cover Size
Facebook Cover Photo Sizes: When individuals come to your Facebook Page, where do you assume they initially look?
I'll provide you some hints. It's an aesthetic piece of web content that rests at the top of your web page. Its dimensions are 851 pixels vast by 315 pixels tall. It takes up almost a quarter of the display on a lot of desktop internet browsers.
That's right-- it's your Facebook cover picture.
Because it's one of one of the most visible parts of your web page, it's essential that you adhere to Facebook cover picture best techniques.
Whether you're using Facebook to generate leads, shut your next sale, or produce a customer community, understanding how to make as well as optimize your cover picture is very important. Continue reading to discover just what you ought to (and also shouldn't) do in your cover image.
1) Do abide by Facebook's cover image guidelines
It seems like a piece of cake, however complying with Facebook standards is critical to your Facebook Page existing to begin with. I 'd highly recommend reviewing the complete Page Standards, but here are a few important things to bear in mind for your cover picture:
Your cover is public.
Covers cannot be deceitful, deceptive, or infringe on any person else's copyright.
You can't encourage people to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook might act against your Web page. And also while Facebook does not explicitly state just what will certainly happen if you break their Page guidelines, it's possibly not wise to obtain your Facebook Web page removed over a cover photo infraction, so read the standards in full as well as follow them.
2) Do make certain your Facebook cover picture dimension is right: 851 px large by 315 px high
You don't want to spend all this moment designing a cover picture ... only to have it look unusual when you post it to Facebook.
Make certain your cover photo will look remarkable from the start by ensuring it's the appropriate measurements: 851 pixels large and 315 pixels high.
If you post a picture smaller compared to those measurements, Facebook will certainly stretch it to fit the ideal size, as long as it goes to the very least 399 pixels wide as well as 150 pixels high.
If you desire a no-hassle means to make certain your cover images are the best dimension, download our pre-sized template for Facebook cover images here.
3) Don't worry regarding the old "20% message" rule, but still aim to stay visual
Back in 2013, Facebook eliminated any recommendation to the 20% guideline on message in cover photos ... yet 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 image could be text. Directly, I thought that was way too restrictive for marketers, yet the belief behind the regulation was a good one.
If you're mosting likely to utilize message in your cover image, keep that text concise. Your image will certainly be much more insightful as well as appealing.
4) Keep the image simple, with a clear centerpiece
Think about your cover image as the section of your Web page that's "above the fold." If it's distracting or poor quality, people will certainly be most likely to click off the web page.
Many of the best Facebook cover images include a single topic as the prime focus. They also use adverse white (i.e., empty space) as an advantage to make the topic, any kind of copy on there, and also various other components special to Facebook (like the CTA button on Facebook organisation Pages) stick out much more.
5) Do not conceal web content behind your profile image
Due to the method account photos are showcased on Facebook Pages, there's a section of your cover picture that won't appear unless you click it. Your Web page name and the switches on the bottom right also cover portions of your picture.
Inning accordance with Facebook's Assistance web page, on computer, the account photo lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being stated, you could likewise utilize this hidden area to your benefit-- perhaps even concealing an Easter egg behind the profile image for a contest. But generally, maintaining that space clear is a good best practice.
6) Don't put crucial material on the bottom of your photo, either
Your profile picture isn't the only part of your cover picture that will certainly be partly hidden on your primary Page. You'll likewise intend to prevent placing vital material or crucial parts of your photo on the bottom of your photo where the name of your Page and also CTA buttons are.
We advise attracting an imaginary line about midway up your profile image, and also keeping crucial material (like message or hashtags) over that.
7) Do right-align the items in your cover photo
Considering that your account photo gets on left, you intend to add some equilibrium to your Facebook cover photo layout by having the emphasis of the image be on the right.
Have a look at these cover images. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover photo look better? The greatest design aspects (the account photo, the message, as well as the beer) are evenly spaced. In the Samsung cover photo, your attention goes quickly to the left side of the page, totally missing out on the name of the product on the upper appropriate side.
Not just is including equilibrium a crucial element of layout, yet it additionally permits your cover pictures to be a lot more visually reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social network specifically from smart phones. That's huge-- and also it's exactly why it's so crucial to maintain mobile individuals top-of-mind when designing your Facebook cover image.
On mobile, a much larger portion of your cover picture is shut out since the account picture and the Web page name get on top of the cover image.
Allow's take a look at a real-life instance. Listed below, take a look at just what Adobe's Facebook Web page resembles in a desktop browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover photo displays at 851 pixels large by 315 pixels tall on desktop, it shows just the center 640 pixels vast by 360 pixels high on mobile phones. Have a look at this Facebook aid file to learn more.
Notice, incidentally, just how the message in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your visual elements, take care not to put vital material thus far to the right that it obtains cut off on mobile.
9) Do incorporate the cover image layout with various other parts of your Facebook Web page
If you really wish to get imaginative with your cover image, try integrating its layout with various other parts of your Facebook Web page. You could make your account photo and cover picture one huge canvas, or make use of some style aspects to accentuate various performances of your Facebook Web page.
Below are some suggestions of what these cover photo combinations might appear like.
Combine your account image and cover image.
With a little imagination and some style fine-tunes, you could make your account picture and also cover picture look like if they're two parts of one canvas. Take a look at among Paris' cover pictures for a refined yet compelling way to do that.
Keep in mind: Given that cover photos present differently on mobile and also on desktop, you'll have to pick one layout to create your cover image and also profile mix for. Given that cover photos are far more noticeable on desktop computer, I 'd recommend prioritizing that design for your cover picture and also profile photo mix style.
Draw attention to the switches on right.
Complying with the most effective methods mentioned over, WeddingWire places every one of its essential text to the right of their cover image-- not just attaining an excellent design visual, but also drawing attention to the main calls-to-action on the Page: Like, Comply with, and Message.
Keep in mind: While it could look like a great idea to include directional cues like an arrow to get people to click the CTA switches, keep in mind that those CTA switches do not appear similarly on the mobile app. To puts it simply, it might be puzzling to mobile individuals if you integrate the cover picture style with the buttons.
10) Do include a shortened web link in your cover photo summary that aligns with your page CTA
If you wish to utilize your cover picture to support your web page CTA, make sure your cover picture summary likewise includes a text CTA and link to the exact same offer. This way, any time people watch your cover image directly, they can access the download link.
See to it you shorten your web links as well as add UTM codes so you can track clicks on them. Shortening and also tracking features are available in the HubSpot Advertising Platform and also in devices like bitly.
( If you want to discover more regarding ways to write effective call-to-action duplicate for your cover picture description, visit this site to download our free ebook on creating compelling CTAs.).
11) Do pin a related article right below your Facebook cover photo
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Basically, pinning an article enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a small yellow flag on the leading right of the post.
Just how does this connect to maximizing your Facebook cover photo? Well, if you're hanging out straightening your Facebook Page CTA, your cover photo design, and also your cover picture description duplicate, you ought to likewise see to it to upload regarding the very same thing straight to your web page, and pin that publish to the top of your Timeline.
By doing this, you're giving individuals one extremely clear call-to-action when they arrive to your page (albeit in numerous different locations)-- which ought to assist conversions.
To pin a Facebook blog post: Just release the post to Facebook, after that click the descending arrow on the top right corner of the article and also pick "Pin to Top.".
I'll provide you some hints. It's an aesthetic piece of web content that rests at the top of your web page. Its dimensions are 851 pixels vast by 315 pixels tall. It takes up almost a quarter of the display on a lot of desktop internet browsers.
That's right-- it's your Facebook cover picture.
Because it's one of one of the most visible parts of your web page, it's essential that you adhere to Facebook cover picture best techniques.
Whether you're using Facebook to generate leads, shut your next sale, or produce a customer community, understanding how to make as well as optimize your cover picture is very important. Continue reading to discover just what you ought to (and also shouldn't) do in your cover image.
Facebook Cover Photo Sizes
1) Do abide by Facebook's cover image guidelines
It seems like a piece of cake, however complying with Facebook standards is critical to your Facebook Page existing to begin with. I 'd highly recommend reviewing the complete Page Standards, but here are a few important things to bear in mind for your cover picture:
Your cover is public.
Covers cannot be deceitful, deceptive, or infringe on any person else's copyright.
You can't encourage people to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook might act against your Web page. And also while Facebook does not explicitly state just what will certainly happen if you break their Page guidelines, it's possibly not wise to obtain your Facebook Web page removed over a cover photo infraction, so read the standards in full as well as follow them.
2) Do make certain your Facebook cover picture dimension is right: 851 px large by 315 px high
You don't want to spend all this moment designing a cover picture ... only to have it look unusual when you post it to Facebook.
Make certain your cover photo will look remarkable from the start by ensuring it's the appropriate measurements: 851 pixels large and 315 pixels high.
If you post a picture smaller compared to those measurements, Facebook will certainly stretch it to fit the ideal size, as long as it goes to the very least 399 pixels wide as well as 150 pixels high.
If you desire a no-hassle means to make certain your cover images are the best dimension, download our pre-sized template for Facebook cover images here.
3) Don't worry regarding the old "20% message" rule, but still aim to stay visual
Back in 2013, Facebook eliminated any recommendation to the 20% guideline on message in cover photos ... yet 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 image could be text. Directly, I thought that was way too restrictive for marketers, yet the belief behind the regulation was a good one.
If you're mosting likely to utilize message in your cover image, keep that text concise. Your image will certainly be much more insightful as well as appealing.
4) Keep the image simple, with a clear centerpiece
Think about your cover image as the section of your Web page that's "above the fold." If it's distracting or poor quality, people will certainly be most likely to click off the web page.
Many of the best Facebook cover images include a single topic as the prime focus. They also use adverse white (i.e., empty space) as an advantage to make the topic, any kind of copy on there, and also various other components special to Facebook (like the CTA button on Facebook organisation Pages) stick out much more.
5) Do not conceal web content behind your profile image
Due to the method account photos are showcased on Facebook Pages, there's a section of your cover picture that won't appear unless you click it. Your Web page name and the switches on the bottom right also cover portions of your picture.
Inning accordance with Facebook's Assistance web page, on computer, the account photo lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.
That being stated, you could likewise utilize this hidden area to your benefit-- perhaps even concealing an Easter egg behind the profile image for a contest. But generally, maintaining that space clear is a good best practice.
6) Don't put crucial material on the bottom of your photo, either
Your profile picture isn't the only part of your cover picture that will certainly be partly hidden on your primary Page. You'll likewise intend to prevent placing vital material or crucial parts of your photo on the bottom of your photo where the name of your Page and also CTA buttons are.
We advise attracting an imaginary line about midway up your profile image, and also keeping crucial material (like message or hashtags) over that.
7) Do right-align the items in your cover photo
Considering that your account photo gets on left, you intend to add some equilibrium to your Facebook cover photo layout by having the emphasis of the image be on the right.
Have a look at these cover images. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover photo look better? The greatest design aspects (the account photo, the message, as well as the beer) are evenly spaced. In the Samsung cover photo, your attention goes quickly to the left side of the page, totally missing out on the name of the product on the upper appropriate side.
Not just is including equilibrium a crucial element of layout, yet it additionally permits your cover pictures to be a lot more visually reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social network specifically from smart phones. That's huge-- and also it's exactly why it's so crucial to maintain mobile individuals top-of-mind when designing your Facebook cover image.
On mobile, a much larger portion of your cover picture is shut out since the account picture and the Web page name get on top of the cover image.
Allow's take a look at a real-life instance. Listed below, take a look at just what Adobe's Facebook Web page resembles in a desktop browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover photo displays at 851 pixels large by 315 pixels tall on desktop, it shows just the center 640 pixels vast by 360 pixels high on mobile phones. Have a look at this Facebook aid file to learn more.
Notice, incidentally, just how the message in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your visual elements, take care not to put vital material thus far to the right that it obtains cut off on mobile.
9) Do incorporate the cover image layout with various other parts of your Facebook Web page
If you really wish to get imaginative with your cover image, try integrating its layout with various other parts of your Facebook Web page. You could make your account photo and cover picture one huge canvas, or make use of some style aspects to accentuate various performances of your Facebook Web page.
Below are some suggestions of what these cover photo combinations might appear like.
Combine your account image and cover image.
With a little imagination and some style fine-tunes, you could make your account picture and also cover picture look like if they're two parts of one canvas. Take a look at among Paris' cover pictures for a refined yet compelling way to do that.
Keep in mind: Given that cover photos present differently on mobile and also on desktop, you'll have to pick one layout to create your cover image and also profile mix for. Given that cover photos are far more noticeable on desktop computer, I 'd recommend prioritizing that design for your cover picture and also profile photo mix style.
Draw attention to the switches on right.
Complying with the most effective methods mentioned over, WeddingWire places every one of its essential text to the right of their cover image-- not just attaining an excellent design visual, but also drawing attention to the main calls-to-action on the Page: Like, Comply with, and Message.
Keep in mind: While it could look like a great idea to include directional cues like an arrow to get people to click the CTA switches, keep in mind that those CTA switches do not appear similarly on the mobile app. To puts it simply, it might be puzzling to mobile individuals if you integrate the cover picture style with the buttons.
10) Do include a shortened web link in your cover photo summary that aligns with your page CTA
If you wish to utilize your cover picture to support your web page CTA, make sure your cover picture summary likewise includes a text CTA and link to the exact same offer. This way, any time people watch your cover image directly, they can access the download link.
See to it you shorten your web links as well as add UTM codes so you can track clicks on them. Shortening and also tracking features are available in the HubSpot Advertising Platform and also in devices like bitly.
( If you want to discover more regarding ways to write effective call-to-action duplicate for your cover picture description, visit this site to download our free ebook on creating compelling CTAs.).
11) Do pin a related article right below your Facebook cover photo
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Basically, pinning an article enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a small yellow flag on the leading right of the post.
Just how does this connect to maximizing your Facebook cover photo? Well, if you're hanging out straightening your Facebook Page CTA, your cover photo design, and also your cover picture description duplicate, you ought to likewise see to it to upload regarding the very same thing straight to your web page, and pin that publish to the top of your Timeline.
By doing this, you're giving individuals one extremely clear call-to-action when they arrive to your page (albeit in numerous different locations)-- which ought to assist conversions.
To pin a Facebook blog post: Just release the post to Facebook, after that click the descending arrow on the top right corner of the article and also pick "Pin to Top.".