Best Size for Facebook Cover Photo
By
Arif Rahman
—
Dec 24, 2017
—
Cover Size
Best Size For Facebook Cover Photo: When individuals arrive at your Facebook Page, where do you assume they initially look?
I'll provide you some hints. It's a visual item of material that sits at the top of your page. Its measurements are 851 pixels vast by 315 pixels high. It takes up practically a quarter of the screen on many desktop web browsers.
That's right-- it's your Facebook cover picture.
Since it is among the most recognizable parts of your page, it's crucial that you comply with Facebook cover image ideal practices.
Whether you're making use of Facebook to create leads, shut your next sale, or create a customer community, knowing how to make as well as maximize your cover photo is extremely important. Continue reading to learn just what you need to (and should not) do in your cover image.
1) Do comply with Facebook's cover photo standards
It seems like a no-brainer, yet obeying Facebook standards is vital to your Facebook Page existing to begin with. I 'd extremely recommend going through the complete Web page Standards, but right here are a few essential points to keep in mind for your cover image:
Your cover is public.
Covers can not be deceptive, misleading, or infringe on any person else's copyright.
You can not encourage individuals to post your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might act versus your Web page. As well as while Facebook does not clearly say exactly what will happen if you violate their Page guidelines, it's probably not clever to get your Facebook Page taken down over a cover picture offense, so review the standards in full as well as abide by them.
2) Do make sure your Facebook cover photo size is right: 851 px vast by 315 px high
You do not intend to spend all this moment designing a cover image ... just to have it look strange when you publish it to Facebook.
Make certain your cover picture will certainly look fantastic from the start by seeing to it it's the best measurements: 851 pixels wide as well as 315 pixels high.
If you submit a photo smaller compared to those measurements, Facebook will extend it to fit the appropriate size, as long as it's at least 399 pixels broad and 150 pixels tall.
If you want a no-hassle way to make sure your cover photos are the appropriate size, download our pre-sized design template for Facebook cover pictures right here.
3) Don't worry regarding the old "20% text" regulation, however still attempt to stay aesthetic
Back in 2013, Facebook removed any type of reference to the 20% policy on message in cover photos ... however that does not indicate you should go wild with making use of message in your cover image. The previous rule stated that just 20% of your cover image could be message. Personally, I assumed that was way too restrictive for marketing professionals, however the belief behind the guideline was a good one.
If you're mosting likely to use text in your cover picture, keep that text concise. Your picture will be much more informative and also appealing.
4) Maintain the picture simple, with a clear focal point
Think of your cover photo as the portion of your Page that's "over the layer." If it's sidetracking or poor quality, people will certainly be more probable to click off the page.
A number of the best Facebook cover photos include a solitary topic as the focal point. They additionally use unfavorable white (i.e., empty space) as a benefit to make the topic, any duplicate on there, and also other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) attract attention even more.
5) Don't conceal content behind your account image
As a result of the way profile photos are featured on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Web page name as well as the switches on the bottom right likewise cover parts of your picture.
Inning accordance with Facebook's Assistance page, on desktop, the profile picture is located 16 pixels from the left side of the cover photo, and also 176 pixels from the top of the cover photo.
That being said, you could likewise utilize this concealed space to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. Yet commonly, maintaining that space clear is a great best method.
6) Don't put crucial web content under of your image, either
Your account picture isn't the only part of your cover photo that will certainly be partially hidden on your primary Page. You'll additionally intend to stay clear of placing essential web content or key parts of your photo on the bottom of your photo where the name of your Page and also CTA switches are.
We suggest drawing an imaginary line concerning midway up your account image, as well as maintaining crucial material (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your profile photo gets on left, you want to include some equilibrium to your Facebook cover picture layout by having the focus of the image get on the right.
Take a look at these cover pictures. Which one looks more cosmetically pleasing?
Does not the right-aligned cover photo look better? The biggest style elements (the profile picture, the message, and the beer) are evenly spaced. In the Samsung cover image, your attention goes instantly to the left side of the page, totally missing the name of the item on the upper ideal side.
Not just is including equilibrium an important component of layout, but it likewise enables your cover photos to be much more aesthetically reliable on mobile. Which brings me to my following point ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its user base (54.2%) access the social network solely from smart phones. That's significant-- and it's specifically why it's so important to keep mobile customers top-of-mind when developing your Facebook cover photo.
On mobile, a much bigger part of your cover photo is shut out due to the fact that the profile picture and also the Page name are on top of the cover image.
Allow's have a look at a real-life example. Below, take a look at just what Adobe's Facebook Web page appears like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels tall on desktop, it presents only the center 640 pixels large by 360 pixels high on smart devices. Take a look at this Facebook assistance document for more information.
Notice, by the way, how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your aesthetic elements, beware not to put crucial content up until now to the right that it gets cut off on mobile.
9) Do incorporate the cover image layout with other parts of your Facebook Web page
If you really intend to get creative with your cover picture, try incorporating its layout with various other parts of your Facebook Page. You could make your profile photo as well as cover picture one big canvas, or make use of some design aspects to draw attention to different performances of your Facebook Page.
Below are some suggestions of exactly what these cover photo assimilations could resemble.
Incorporate your profile picture and cover photo.
With a little creative thinking and also some style modifies, you could make your profile photo as well as cover photo look like if they're two parts of one canvas. Check out among Paris' cover photos for a refined yet engaging way to do that.
Keep in mind: Because cover images display in a different way on mobile and on desktop, you'll need to pick one style to develop your cover picture as well as account mix for. Considering that cover images are far more recognizable on desktop computer, I would certainly suggest prioritizing that layout for your cover picture as well as profile picture combination layout.
Accentuate the buttons on right.
Complying with the very best techniques discussed above, WeddingWire puts all its essential message to the right of their cover image-- not only attaining an excellent style aesthetic, but additionally accentuating the primary calls-to-action on the Web page: Like, Adhere to, as well as Message.
Note: While it may seem like a good idea to include directional hints like an arrow to obtain people to click on the CTA switches, note that those CTA buttons don't appear similarly on the mobile app. In other words, it might be confusing to mobile customers if you incorporate the cover picture layout with the buttons.
10) Do include a shortened link in your cover picture summary that aligns with your web page CTA
If you wish to use your cover image to sustain your web page CTA, make sure your cover picture summary likewise consists of a message CTA as well as link to the same offer. This way, at any time individuals see your cover image straight, they could access the download link.
Make certain you reduce your links and also include UTM codes so you could track click them. Shortening and also tracking features are offered in the HubSpot Advertising Platform and in devices like bitly.
( If you wish to find out more concerning ways to create efficient call-to-action duplicate for your cover photo summary, visit this site to download our totally free book on developing compelling CTAs.).
11) Do pin a related blog post right below your Facebook cover image
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a message permits you to highlight a regular Facebook blog post on the top of your Timeline for seven days. It's symbolized by a little yellow flag on the top right of the message.
Just how does this connect to maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image style, and also your cover picture summary copy, you ought to likewise ensure to post about the very same point directly to your web page, as well as pin that upload to the top of your Timeline.
That way, you're providing individuals one extremely clear call-to-action when they get here to your page (albeit in a number of different places)-- which must aid conversions.
To pin a Facebook post: Just publish the message to Facebook, after that click the downward arrow on the leading right edge of the blog post and select "Pin to Top.".
I'll provide you some hints. It's a visual item of material that sits at the top of your page. Its measurements are 851 pixels vast by 315 pixels high. It takes up practically a quarter of the screen on many desktop web browsers.
That's right-- it's your Facebook cover picture.
Since it is among the most recognizable parts of your page, it's crucial that you comply with Facebook cover image ideal practices.
Whether you're making use of Facebook to create leads, shut your next sale, or create a customer community, knowing how to make as well as maximize your cover photo is extremely important. Continue reading to learn just what you need to (and should not) do in your cover image.
Best Size For Facebook Cover Photo
1) Do comply with Facebook's cover photo standards
It seems like a no-brainer, yet obeying Facebook standards is vital to your Facebook Page existing to begin with. I 'd extremely recommend going through the complete Web page Standards, but right here are a few essential points to keep in mind for your cover image:
Your cover is public.
Covers can not be deceptive, misleading, or infringe on any person else's copyright.
You can not encourage individuals to post your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might act versus your Web page. As well as while Facebook does not clearly say exactly what will happen if you violate their Page guidelines, it's probably not clever to get your Facebook Page taken down over a cover picture offense, so review the standards in full as well as abide by them.
2) Do make sure your Facebook cover photo size is right: 851 px vast by 315 px high
You do not intend to spend all this moment designing a cover image ... just to have it look strange when you publish it to Facebook.
Make certain your cover picture will certainly look fantastic from the start by seeing to it it's the best measurements: 851 pixels wide as well as 315 pixels high.
If you submit a photo smaller compared to those measurements, Facebook will extend it to fit the appropriate size, as long as it's at least 399 pixels broad and 150 pixels tall.
If you want a no-hassle way to make sure your cover photos are the appropriate size, download our pre-sized design template for Facebook cover pictures right here.
3) Don't worry regarding the old "20% text" regulation, however still attempt to stay aesthetic
Back in 2013, Facebook removed any type of reference to the 20% policy on message in cover photos ... however that does not indicate you should go wild with making use of message in your cover image. The previous rule stated that just 20% of your cover image could be message. Personally, I assumed that was way too restrictive for marketing professionals, however the belief behind the guideline was a good one.
If you're mosting likely to use text in your cover picture, keep that text concise. Your picture will be much more informative and also appealing.
4) Maintain the picture simple, with a clear focal point
Think of your cover photo as the portion of your Page that's "over the layer." If it's sidetracking or poor quality, people will certainly be more probable to click off the page.
A number of the best Facebook cover photos include a solitary topic as the focal point. They additionally use unfavorable white (i.e., empty space) as a benefit to make the topic, any duplicate on there, and also other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) attract attention even more.
5) Don't conceal content behind your account image
As a result of the way profile photos are featured on Facebook Pages, there's a section of your cover image that will not show up unless you click it. Your Web page name as well as the switches on the bottom right likewise cover parts of your picture.
Inning accordance with Facebook's Assistance page, on desktop, the profile picture is located 16 pixels from the left side of the cover photo, and also 176 pixels from the top of the cover photo.
That being said, you could likewise utilize this concealed space to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. Yet commonly, maintaining that space clear is a great best method.
6) Don't put crucial web content under of your image, either
Your account picture isn't the only part of your cover photo that will certainly be partially hidden on your primary Page. You'll additionally intend to stay clear of placing essential web content or key parts of your photo on the bottom of your photo where the name of your Page and also CTA switches are.
We suggest drawing an imaginary line concerning midway up your account image, as well as maintaining crucial material (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your profile photo gets on left, you want to include some equilibrium to your Facebook cover picture layout by having the focus of the image get on the right.
Take a look at these cover pictures. Which one looks more cosmetically pleasing?
Does not the right-aligned cover photo look better? The biggest style elements (the profile picture, the message, and the beer) are evenly spaced. In the Samsung cover image, your attention goes instantly to the left side of the page, totally missing the name of the item on the upper ideal side.
Not just is including equilibrium an important component of layout, but it likewise enables your cover photos to be much more aesthetically reliable on mobile. Which brings me to my following point ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its user base (54.2%) access the social network solely from smart phones. That's significant-- and it's specifically why it's so important to keep mobile customers top-of-mind when developing your Facebook cover photo.
On mobile, a much bigger part of your cover photo is shut out due to the fact that the profile picture and also the Page name are on top of the cover image.
Allow's have a look at a real-life example. Below, take a look at just what Adobe's Facebook Web page appears like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels tall on desktop, it presents only the center 640 pixels large by 360 pixels high on smart devices. Take a look at this Facebook assistance document for more information.
Notice, by the way, how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your aesthetic elements, beware not to put crucial content up until now to the right that it gets cut off on mobile.
9) Do incorporate the cover image layout with other parts of your Facebook Web page
If you really intend to get creative with your cover picture, try incorporating its layout with various other parts of your Facebook Page. You could make your profile photo as well as cover picture one big canvas, or make use of some design aspects to draw attention to different performances of your Facebook Page.
Below are some suggestions of exactly what these cover photo assimilations could resemble.
Incorporate your profile picture and cover photo.
With a little creative thinking and also some style modifies, you could make your profile photo as well as cover photo look like if they're two parts of one canvas. Check out among Paris' cover photos for a refined yet engaging way to do that.
Keep in mind: Because cover images display in a different way on mobile and on desktop, you'll need to pick one style to develop your cover picture as well as account mix for. Considering that cover images are far more recognizable on desktop computer, I would certainly suggest prioritizing that layout for your cover picture as well as profile picture combination layout.
Accentuate the buttons on right.
Complying with the very best techniques discussed above, WeddingWire puts all its essential message to the right of their cover image-- not only attaining an excellent style aesthetic, but additionally accentuating the primary calls-to-action on the Web page: Like, Adhere to, as well as Message.
Note: While it may seem like a good idea to include directional hints like an arrow to obtain people to click on the CTA switches, note that those CTA buttons don't appear similarly on the mobile app. In other words, it might be confusing to mobile customers if you incorporate the cover picture layout with the buttons.
10) Do include a shortened link in your cover picture summary that aligns with your web page CTA
If you wish to use your cover image to sustain your web page CTA, make sure your cover picture summary likewise consists of a message CTA as well as link to the same offer. This way, at any time individuals see your cover image straight, they could access the download link.
Make certain you reduce your links and also include UTM codes so you could track click them. Shortening and also tracking features are offered in the HubSpot Advertising Platform and in devices like bitly.
( If you wish to find out more concerning ways to create efficient call-to-action duplicate for your cover photo summary, visit this site to download our totally free book on developing compelling CTAs.).
11) Do pin a related blog post right below your Facebook cover image
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a message permits you to highlight a regular Facebook blog post on the top of your Timeline for seven days. It's symbolized by a little yellow flag on the top right of the message.
Just how does this connect to maximizing your Facebook cover photo? Well, if you're spending time straightening your Facebook Page CTA, your cover image style, and also your cover picture summary copy, you ought to likewise ensure to post about the very same point directly to your web page, as well as pin that upload to the top of your Timeline.
That way, you're providing individuals one extremely clear call-to-action when they get here to your page (albeit in a number of different places)-- which must aid conversions.
To pin a Facebook post: Just publish the message to Facebook, after that click the downward arrow on the leading right edge of the blog post and select "Pin to Top.".