How to Size A Facebook Cover Photo
By
MUFY UJASH
—
Dec 10, 2017
—
Cover Size
How To Size A Facebook Cover Photo: When people reach your Facebook Page, where do you think they initially look?
I'll give you some tips. It's a visual item of material that rests at the top of your page. Its dimensions are 851 pixels broad by 315 pixels tall. It takes up practically a quarter of the screen on most desktop computer web browsers.
That's right-- it's your Facebook cover picture.
Given that it is among the most visible parts of your web page, it's critical that you comply with Facebook cover picture best techniques.
Whether you're making use of Facebook to produce leads, close your following sale, or produce a client neighborhood, knowing how to make and also enhance your cover photo is extremely important. Read on to learn exactly what you ought to (as well as should not) carry out in your cover image.
1) Do follow Facebook's cover photo standards
It feels like a no-brainer, however following Facebook guidelines is vital to your Facebook Web page existing to begin with. I 'd highly recommend going through the complete Page Standards, however below are a couple of important points to bear in mind for your cover picture:
Your cover is public.
Covers can't be deceitful, misleading, or infringe on any person else's copyright.
You cannot encourage people to submit your cover to their personal timelines.
If you obtain caught violating the above terms, Facebook could do something about it versus your Page. And while Facebook does not explicitly say exactly what will occur if you violate their Web page standards, it's possibly not smart to obtain your Facebook Web page removed over a cover image offense, so review the standards completely as well as adhere to them.
2) Do see to it your Facebook cover photo dimension is right: 851 px wide by 315 px tall
You don't intend to spend all this moment making a cover image ... only to have it look unusual when you post it to Facebook.
See to it your cover image will look fantastic from the start by seeing to it it's the right dimensions: 851 pixels wide and also 315 pixels tall.
If you upload an image smaller compared to those measurements, Facebook will stretch it to fit the right 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 method making certain your cover photos are the ideal dimension, download our pre-sized template for Facebook cover images below.
3) Don't worry regarding the old "20% message" guideline, however still attempt to remain visual
Back in 2013, Facebook eliminated any type of recommendation to the 20% rule on text in cover photos ... but that doesn't suggest you should go wild with making use of message in your cover picture. The previous guideline stated that only 20% of your cover photo could be text. Directly, I believed that was way as well restrictive for marketing experts, however the view behind the guideline was a good one.
If you're going to utilize text in your cover photo, maintain that text concise. Your picture will certainly be a lot more informative and interesting.
4) Keep the photo simple, with a clear centerpiece
Think about your cover photo as the section of your Web page that's "over the layer." If it's distracting or poor quality, individuals will certainly be more likely to click off the web page.
A number of the most effective Facebook cover photos consist of a solitary subject as the prime focus. They additionally use negative white (i.e., empty space) as a benefit to make the topic, any type of copy on there, and also other aspects distinct to Facebook (like the CTA button on Facebook company Pages) stand out much more.
5) Do not hide content behind your account image
As a result of the way profile images are included on Facebook Pages, there's an area of your cover photo that will not appear unless you click on it. Your Page name as well as the buttons under right also cover parts of your picture.
Inning accordance with Facebook's Assistance web page, on desktop, the profile picture 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 said, you can also use this covert room to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a competition. Yet normally, maintaining that room clear is an excellent finest method.
6) Do not place essential material under of your picture, either
Your profile picture isn't really the only part of your cover image that will certainly be partly concealed on your major Page. You'll additionally intend to prevent placing important material or key parts of your photo under of your image where the name of your Web page and CTA buttons are.
We recommend attracting an imaginary line about halfway up your profile photo, and also maintaining important web content (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Considering that your profile image is on left, you wish to add some equilibrium to your Facebook cover photo layout by having the focus of the photo be on the right.
Have a look at these cover photos. Which one looks even more cosmetically pleasing?
Does not the right-aligned cover picture look much better? The greatest style aspects (the account image, the text, as well as the beer) are equally 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 appropriate side.
Not only is adding balance an important element of layout, however it additionally enables your cover pictures to be extra visually reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social media exclusively from smart phones. That's big-- and also it's exactly why it's so essential to maintain mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much bigger part of your cover photo is blocked out due to the fact that the profile picture and the Web page name are on top of the cover picture.
Allow's have a look at a real-life instance. Listed below, have a look at exactly what Adobe's Facebook Web page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels tall on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smart devices. Have a look at this Facebook aid file for more details.
Notice, by the way, exactly how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your visual components, beware not to put essential web content thus far to the right that it gets removed on mobile.
9) Do incorporate the cover photo design with other parts of your Facebook Page
If you actually intend to obtain imaginative with your cover picture, attempt integrating its design with other parts of your Facebook Page. You can make your account image as well as cover photo one big canvas, or make use of some design components to draw attention to various performances of your Facebook Page.
Below are some ideas of just what these cover image integrations could appear like.
Incorporate your account picture and also cover photo.
With a little creative thinking and some style fine-tunes, you can make your account photo and cover photo appear as if they're 2 parts of one canvas. Have a look at one of Paris' cover images for a subtle yet compelling way to do that.
Note: Since cover pictures present in a different way on mobile as well as on desktop, you'll need to pick one format to design your cover picture and also account combination for. Given that cover images are much more recognizable on desktop computer, I 'd suggest prioritizing that format for your cover picture as well as account picture mix design.
Accentuate the switches on right.
Adhering to the best techniques stated over, WeddingWire positions all of its crucial message to the right of their cover image-- not only achieving an excellent layout aesthetic, but additionally drawing attention to the major calls-to-action on the Page: Like, Adhere to, and Message.
Keep in mind: While it could seem like a smart idea to include directional signs like an arrowhead to get people to click the CTA switches, note that those CTA switches do not show up similarly on the mobile app. To puts it simply, it might be confusing to mobile customers if you incorporate the cover photo style with the switches.
10) Do include a reduced link in your cover image description that lines up with your page CTA
If you wish to utilize your cover picture to support your page CTA, make sure your cover picture summary also consists of a message CTA and connect to the same offer. In this manner, at any time individuals watch your cover picture directly, they could access the download web link.
Make sure you shorten your links as well as include UTM codes so you can track click them. Shortening and also tracking features are readily available in the HubSpot Advertising System and in tools like bitly.
( If you intend to discover more concerning ways to compose effective call-to-action duplicate for your cover picture description, click on this link to download our totally free e-book on creating engaging CTAs.).
11) Do pin a related blog post right below your Facebook cover picture
Have you ever "pinned" an article to your Facebook Web page's Timeline? Primarily, pinning a blog post enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the article.
How does this associate with maximizing your Facebook cover picture? Well, if you're spending time straightening your Facebook Web page CTA, your cover image layout, as well as your cover picture description copy, you ought to additionally see to it to upload concerning the same point straight to your page, and also pin that publish to the top of your Timeline.
In this way, you're offering individuals one very clear call-to-action when they get here to your page (albeit in numerous different places)-- which should help conversions.
To pin a Facebook blog post: Merely publish the post to Facebook, after that click the down arrow on the leading right corner of the blog post and also pick "Pin to Top.".
I'll give you some tips. It's a visual item of material that rests at the top of your page. Its dimensions are 851 pixels broad by 315 pixels tall. It takes up practically a quarter of the screen on most desktop computer web browsers.
That's right-- it's your Facebook cover picture.
Given that it is among the most visible parts of your web page, it's critical that you comply with Facebook cover picture best techniques.
Whether you're making use of Facebook to produce leads, close your following sale, or produce a client neighborhood, knowing how to make and also enhance your cover photo is extremely important. Read on to learn exactly what you ought to (as well as should not) carry out in your cover image.
How To Size A Facebook Cover Photo
1) Do follow Facebook's cover photo standards
It feels like a no-brainer, however following Facebook guidelines is vital to your Facebook Web page existing to begin with. I 'd highly recommend going through the complete Page Standards, however below are a couple of important points to bear in mind for your cover picture:
Your cover is public.
Covers can't be deceitful, misleading, or infringe on any person else's copyright.
You cannot encourage people to submit your cover to their personal timelines.
If you obtain caught violating the above terms, Facebook could do something about it versus your Page. And while Facebook does not explicitly say exactly what will occur if you violate their Web page standards, it's possibly not smart to obtain your Facebook Web page removed over a cover image offense, so review the standards completely as well as adhere to them.
2) Do see to it your Facebook cover photo dimension is right: 851 px wide by 315 px tall
You don't intend to spend all this moment making a cover image ... only to have it look unusual when you post it to Facebook.
See to it your cover image will look fantastic from the start by seeing to it it's the right dimensions: 851 pixels wide and also 315 pixels tall.
If you upload an image smaller compared to those measurements, Facebook will stretch it to fit the right 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 method making certain your cover photos are the ideal dimension, download our pre-sized template for Facebook cover images below.
3) Don't worry regarding the old "20% message" guideline, however still attempt to remain visual
Back in 2013, Facebook eliminated any type of recommendation to the 20% rule on text in cover photos ... but that doesn't suggest you should go wild with making use of message in your cover picture. The previous guideline stated that only 20% of your cover photo could be text. Directly, I believed that was way as well restrictive for marketing experts, however the view behind the guideline was a good one.
If you're going to utilize text in your cover photo, maintain that text concise. Your picture will certainly be a lot more informative and interesting.
4) Keep the photo simple, with a clear centerpiece
Think about your cover photo as the section of your Web page that's "over the layer." If it's distracting or poor quality, individuals will certainly be more likely to click off the web page.
A number of the most effective Facebook cover photos consist of a solitary subject as the prime focus. They additionally use negative white (i.e., empty space) as a benefit to make the topic, any type of copy on there, and also other aspects distinct to Facebook (like the CTA button on Facebook company Pages) stand out much more.
5) Do not hide content behind your account image
As a result of the way profile images are included on Facebook Pages, there's an area of your cover photo that will not appear unless you click on it. Your Page name as well as the buttons under right also cover parts of your picture.
Inning accordance with Facebook's Assistance web page, on desktop, the profile picture 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 said, you can also use this covert room to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a competition. Yet normally, maintaining that room clear is an excellent finest method.
6) Do not place essential material under of your picture, either
Your profile picture isn't really the only part of your cover image that will certainly be partly concealed on your major Page. You'll additionally intend to prevent placing important material or key parts of your photo under of your image where the name of your Web page and CTA buttons are.
We recommend attracting an imaginary line about halfway up your profile photo, and also maintaining important web content (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Considering that your profile image is on left, you wish to add some equilibrium to your Facebook cover photo layout by having the focus of the photo be on the right.
Have a look at these cover photos. Which one looks even more cosmetically pleasing?
Does not the right-aligned cover picture look much better? The greatest style aspects (the account image, the text, as well as the beer) are equally 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 appropriate side.
Not only is adding balance an important element of layout, however it additionally enables your cover pictures to be extra visually reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social media exclusively from smart phones. That's big-- and also it's exactly why it's so essential to maintain mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much bigger part of your cover photo is blocked out due to the fact that the profile picture and the Web page name are on top of the cover picture.
Allow's have a look at a real-life instance. Listed below, have a look at exactly what Adobe's Facebook Web page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels tall on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smart devices. Have a look at this Facebook aid file for more details.
Notice, by the way, exactly how the text in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your visual components, beware not to put essential web content thus far to the right that it gets removed on mobile.
9) Do incorporate the cover photo design with other parts of your Facebook Page
If you actually intend to obtain imaginative with your cover picture, attempt integrating its design with other parts of your Facebook Page. You can make your account image as well as cover photo one big canvas, or make use of some design components to draw attention to various performances of your Facebook Page.
Below are some ideas of just what these cover image integrations could appear like.
Incorporate your account picture and also cover photo.
With a little creative thinking and some style fine-tunes, you can make your account photo and cover photo appear as if they're 2 parts of one canvas. Have a look at one of Paris' cover images for a subtle yet compelling way to do that.
Note: Since cover pictures present in a different way on mobile as well as on desktop, you'll need to pick one format to design your cover picture and also account combination for. Given that cover images are much more recognizable on desktop computer, I 'd suggest prioritizing that format for your cover picture as well as account picture mix design.
Accentuate the switches on right.
Adhering to the best techniques stated over, WeddingWire positions all of its crucial message to the right of their cover image-- not only achieving an excellent layout aesthetic, but additionally drawing attention to the major calls-to-action on the Page: Like, Adhere to, and Message.
Keep in mind: While it could seem like a smart idea to include directional signs like an arrowhead to get people to click the CTA switches, note that those CTA switches do not show up similarly on the mobile app. To puts it simply, it might be confusing to mobile customers if you incorporate the cover photo style with the switches.
10) Do include a reduced link in your cover image description that lines up with your page CTA
If you wish to utilize your cover picture to support your page CTA, make sure your cover picture summary also consists of a message CTA and connect to the same offer. In this manner, at any time individuals watch your cover picture directly, they could access the download web link.
Make sure you shorten your links as well as include UTM codes so you can track click them. Shortening and also tracking features are readily available in the HubSpot Advertising System and in tools like bitly.
( If you intend to discover more concerning ways to compose effective call-to-action duplicate for your cover picture description, click on this link to download our totally free e-book on creating engaging CTAs.).
11) Do pin a related blog post right below your Facebook cover picture
Have you ever "pinned" an article to your Facebook Web page's Timeline? Primarily, pinning a blog post enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the article.
How does this associate with maximizing your Facebook cover picture? Well, if you're spending time straightening your Facebook Web page CTA, your cover image layout, as well as your cover picture description copy, you ought to additionally see to it to upload concerning the same point straight to your page, and also pin that publish to the top of your Timeline.
In this way, you're offering individuals one very clear call-to-action when they get here to your page (albeit in numerous different places)-- which should help conversions.
To pin a Facebook blog post: Merely publish the post to Facebook, after that click the down arrow on the leading right corner of the blog post and also pick "Pin to Top.".