What is the Size for Facebook Cover Photo
By
Arif Rahman
—
Feb 19, 2018
—
Cover Size
What Is The Size For Facebook Cover Photo: When people arrive at your Facebook Page, where do you assume they initially look?
I'll give you some tips. It's an aesthetic piece of web content that rests on top of your web page. Its dimensions are 851 pixels broad by 315 pixels tall. It uses up virtually a quarter of the screen on most desktop internet browsers.
That's right-- it's your Facebook cover photo.
Given that it is among the most noticeable parts of your page, it's essential that you follow Facebook cover picture best techniques.
Whether you're making use of Facebook to produce leads, close your following sale, or develop a consumer community, understanding the best ways to make and also optimize your cover photo is very important. Continue reading to discover what you must (as well as should not) perform in your cover picture.
1) Do comply with Facebook's cover picture guidelines
It appears like a piece of cake, yet following Facebook guidelines is essential to your Facebook Page existing in the first place. I 'd very recommend going through the full Web page Standards, yet below are a few crucial things to remember for your cover image:
Your cover is public.
Covers can not be deceitful, misleading, or infringe on any individual else's copyright.
You can not urge people to publish your cover to their individual timelines.
If you obtain captured breaching the above terms, Facebook can do something about it against your Page. As well as while Facebook doesn't explicitly say what will certainly take place if you violate their Web page guidelines, it's possibly not clever to get your Facebook Page removed over a cover photo offense, so check out the standards completely as well as abide by them.
2) Do make certain your Facebook cover photo dimension is right: 851 px wide by 315 px high
You do not want to invest all this time making a cover picture ... only to have it look unusual when you post it to Facebook.
See to it your cover picture will look amazing from the outset by making sure it's the appropriate dimensions: 851 pixels broad and 315 pixels high.
If you post an image smaller sized than those dimensions, Facebook will extend it to fit the ideal dimension, as long as it goes to least 399 pixels vast and also 150 pixels high.
If you want a no-hassle means making sure your cover pictures are the appropriate size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% message" guideline, but still try to remain visual
Back in 2013, Facebook eliminated any type of recommendation to the 20% guideline on message in cover pictures ... yet that doesn't imply you ought to go wild with utilizing text in your cover picture. The previous policy stated that only 20% of your cover picture could be text. Personally, I assumed that was way as well limiting for marketing experts, but the belief behind the guideline was a good one.
If you're going to utilize text in your cover image, keep that text concise. Your photo will certainly be far more informative as well as interesting.
4) Maintain the image simple, with a clear focal point
Think about your cover photo as the section of your Web page that's "over the layer." If it's distracting or low quality, individuals will be more likely to click off the page.
Most of the most effective Facebook cover images include a single subject as the focal point. They likewise utilize adverse white (i.e., empty space) as an advantage making the subject, any type of duplicate on there, as well as various other components one-of-a-kind to Facebook (like the CTA button on Facebook service Pages) attract attention a lot more.
5) Do not conceal web content behind your profile picture
As a result of the method profile pictures are showcased on Facebook Pages, there's an area of your cover image that won't show up unless you click on it. Your Page name as well as the buttons on the bottom right likewise cover portions of your photo.
Inning accordance with Facebook's Help web page, on desktop computers, the profile photo is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being claimed, you could also utilize this hidden space to your benefit-- perhaps even hiding an Easter egg behind the profile image for a contest. Yet commonly, keeping that space clear is an excellent best method.
6) Don't put vital content on the bottom of your photo, either
Your profile photo isn't the only part of your cover photo that will certainly be partially hidden on your primary Web page. You'll also intend to avoid placing essential web content or vital parts of your picture under of your photo where the name of your Page and CTA switches are.
We recommend drawing an imaginary line concerning midway up your profile photo, and keeping crucial web content (like message or hashtags) over that.
7) Do right-align the objects in your cover picture
Because your account image is on left, you wish to add some balance to your Facebook cover picture style by having the focus of the image get on the right.
Take a look at these cover pictures. Which one looks even more cosmetically pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the profile photo, the message, and also the beer) are equally spaced. In the Samsung cover photo, your focus goes promptly to the left side of the page, entirely missing the name of the product on the top right side.
Not only is adding balance a vital aspect of style, however it likewise enables your cover photos to be much more visually reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) gain access to the social media network specifically from mobile phones. That's massive-- as well as it's precisely why it's so essential to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger portion of your cover picture is shut out because the profile image and also the Page name are on top of the cover image.
Let's have a look at a real-life example. Listed below, take a look at what Adobe's Facebook Page appears like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are removed on mobile. Whereas your cover picture displays at 851 pixels large by 315 pixels tall on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smartphones. Take a look at this Facebook help document for more details.
Notification, 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 aspects, take care not to place vital web content thus far to the right that it obtains removed on mobile.
9) Do incorporate the cover image style with various other parts of your Facebook Page
If you truly wish to obtain innovative with your cover picture, attempt integrating its style with various other parts of your Facebook Page. You could make your profile picture as well as cover picture one big canvas, or make use of some layout components to accentuate various functionalities of your Facebook Web page.
Below are some concepts of exactly what these cover picture assimilations could appear like.
Combine your profile photo as well as cover image.
With a little creativity and some design fine-tunes, you could make your profile photo as well as cover picture appear as if they're two parts of one canvas. Take a look at one of Paris' cover pictures for a subtle yet compelling means to do that.
Keep in mind: Given that cover photos show in a different way on mobile as well as on desktop computer, you'll need to select one format to create your cover image as well as account combination for. Given that cover images are far more recognizable on desktop, I would certainly suggest prioritizing that layout for your cover photo and also profile photo mix layout.
Accentuate the buttons on right.
Complying with the best practices mentioned over, WeddingWire places all its vital message to the right of their cover image-- not just accomplishing a great design visual, however also accentuating the major calls-to-action on the Page: Like, Adhere to, and Message.
Note: While it could seem like a great idea to add directional signs like an arrowhead to obtain people to click the CTA switches, keep in mind that those CTA buttons don't show up the same way on the mobile app. Simply puts, it could be confusing to mobile individuals if you integrate the cover picture layout with the switches.
10) Do consist of a shortened link in your cover picture description that aligns with your page CTA
If you intend to use your cover picture to support your page CTA, see to it your cover picture description additionally includes a message CTA and also connect to the very same deal. In this manner, any time individuals view your cover image straight, they could access the download web link.
Make certain you shorten your web links and also include UTM codes so you can track click them. Shortening and also tracking functions are readily available in the HubSpot Advertising And Marketing Platform and also in devices like bitly.
( If you intend to discover more regarding the best ways to compose reliable call-to-action duplicate for your cover picture description, visit this site to download our cost-free book on creating engaging CTAs.).
11) Do pin an associated blog post right below your Facebook cover picture
Have you ever "pinned" a message to your Facebook Web page's Timeline? Essentially, pinning a post enables you to highlight a regular Facebook post on the top of your Timeline for seven days. It's signified by a tiny yellow flag on the top right of the blog post.
Just how does this relate to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover image design, as well as your cover image summary copy, you need to also make certain to publish regarding the very same point directly to your page, as well as pin that upload to the top of your Timeline.
That way, you're providing people one very clear call-to-action when they arrive to your web page (albeit in a number of various areas)-- which ought to assist conversions.
To pin a Facebook article: Simply release the article to Facebook, after that click the descending arrow on the leading right corner of the blog post and also select "Pin to Top.".
I'll give you some tips. It's an aesthetic piece of web content that rests on top of your web page. Its dimensions are 851 pixels broad by 315 pixels tall. It uses up virtually a quarter of the screen on most desktop internet browsers.
That's right-- it's your Facebook cover photo.
Given that it is among the most noticeable parts of your page, it's essential that you follow Facebook cover picture best techniques.
Whether you're making use of Facebook to produce leads, close your following sale, or develop a consumer community, understanding the best ways to make and also optimize your cover photo is very important. Continue reading to discover what you must (as well as should not) perform in your cover picture.
What Is The Size For Facebook Cover Photo
1) Do comply with Facebook's cover picture guidelines
It appears like a piece of cake, yet following Facebook guidelines is essential to your Facebook Page existing in the first place. I 'd very recommend going through the full Web page Standards, yet below are a few crucial things to remember for your cover image:
Your cover is public.
Covers can not be deceitful, misleading, or infringe on any individual else's copyright.
You can not urge people to publish your cover to their individual timelines.
If you obtain captured breaching the above terms, Facebook can do something about it against your Page. As well as while Facebook doesn't explicitly say what will certainly take place if you violate their Web page guidelines, it's possibly not clever to get your Facebook Page removed over a cover photo offense, so check out the standards completely as well as abide by them.
2) Do make certain your Facebook cover photo dimension is right: 851 px wide by 315 px high
You do not want to invest all this time making a cover picture ... only to have it look unusual when you post it to Facebook.
See to it your cover picture will look amazing from the outset by making sure it's the appropriate dimensions: 851 pixels broad and 315 pixels high.
If you post an image smaller sized than those dimensions, Facebook will extend it to fit the ideal dimension, as long as it goes to least 399 pixels vast and also 150 pixels high.
If you want a no-hassle means making sure your cover pictures are the appropriate size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% message" guideline, but still try to remain visual
Back in 2013, Facebook eliminated any type of recommendation to the 20% guideline on message in cover pictures ... yet that doesn't imply you ought to go wild with utilizing text in your cover picture. The previous policy stated that only 20% of your cover picture could be text. Personally, I assumed that was way as well limiting for marketing experts, but the belief behind the guideline was a good one.
If you're going to utilize text in your cover image, keep that text concise. Your photo will certainly be far more informative as well as interesting.
4) Maintain the image simple, with a clear focal point
Think about your cover photo as the section of your Web page that's "over the layer." If it's distracting or low quality, individuals will be more likely to click off the page.
Most of the most effective Facebook cover images include a single subject as the focal point. They likewise utilize adverse white (i.e., empty space) as an advantage making the subject, any type of duplicate on there, as well as various other components one-of-a-kind to Facebook (like the CTA button on Facebook service Pages) attract attention a lot more.
5) Do not conceal web content behind your profile picture
As a result of the method profile pictures are showcased on Facebook Pages, there's an area of your cover image that won't show up unless you click on it. Your Page name as well as the buttons on the bottom right likewise cover portions of your photo.
Inning accordance with Facebook's Help web page, on desktop computers, the profile photo is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being claimed, you could also utilize this hidden space to your benefit-- perhaps even hiding an Easter egg behind the profile image for a contest. Yet commonly, keeping that space clear is an excellent best method.
6) Don't put vital content on the bottom of your photo, either
Your profile photo isn't the only part of your cover photo that will certainly be partially hidden on your primary Web page. You'll also intend to avoid placing essential web content or vital parts of your picture under of your photo where the name of your Page and CTA switches are.
We recommend drawing an imaginary line concerning midway up your profile photo, and keeping crucial web content (like message or hashtags) over that.
7) Do right-align the objects in your cover picture
Because your account image is on left, you wish to add some balance to your Facebook cover picture style by having the focus of the image get on the right.
Take a look at these cover pictures. Which one looks even more cosmetically pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the profile photo, the message, and also the beer) are equally spaced. In the Samsung cover photo, your focus goes promptly to the left side of the page, entirely missing the name of the product on the top right side.
Not only is adding balance a vital aspect of style, however it likewise enables your cover photos to be much more visually reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) gain access to the social media network specifically from mobile phones. That's massive-- as well as it's precisely why it's so essential to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger portion of your cover picture is shut out because the profile image and also the Page name are on top of the cover image.
Let's have a look at a real-life example. Listed below, take a look at what Adobe's Facebook Page appears like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are removed on mobile. Whereas your cover picture displays at 851 pixels large by 315 pixels tall on desktop computer, it shows only the facility 640 pixels vast by 360 pixels tall on smartphones. Take a look at this Facebook help document for more details.
Notification, 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 aspects, take care not to place vital web content thus far to the right that it obtains removed on mobile.
9) Do incorporate the cover image style with various other parts of your Facebook Page
If you truly wish to obtain innovative with your cover picture, attempt integrating its style with various other parts of your Facebook Page. You could make your profile picture as well as cover picture one big canvas, or make use of some layout components to accentuate various functionalities of your Facebook Web page.
Below are some concepts of exactly what these cover picture assimilations could appear like.
Combine your profile photo as well as cover image.
With a little creativity and some design fine-tunes, you could make your profile photo as well as cover picture appear as if they're two parts of one canvas. Take a look at one of Paris' cover pictures for a subtle yet compelling means to do that.
Keep in mind: Given that cover photos show in a different way on mobile as well as on desktop computer, you'll need to select one format to create your cover image as well as account combination for. Given that cover images are far more recognizable on desktop, I would certainly suggest prioritizing that layout for your cover photo and also profile photo mix layout.
Accentuate the buttons on right.
Complying with the best practices mentioned over, WeddingWire places all its vital message to the right of their cover image-- not just accomplishing a great design visual, however also accentuating the major calls-to-action on the Page: Like, Adhere to, and Message.
Note: While it could seem like a great idea to add directional signs like an arrowhead to obtain people to click the CTA switches, keep in mind that those CTA buttons don't show up the same way on the mobile app. Simply puts, it could be confusing to mobile individuals if you integrate the cover picture layout with the switches.
10) Do consist of a shortened link in your cover picture description that aligns with your page CTA
If you intend to use your cover picture to support your page CTA, see to it your cover picture description additionally includes a message CTA and also connect to the very same deal. In this manner, any time individuals view your cover image straight, they could access the download web link.
Make certain you shorten your web links and also include UTM codes so you can track click them. Shortening and also tracking functions are readily available in the HubSpot Advertising And Marketing Platform and also in devices like bitly.
( If you intend to discover more regarding the best ways to compose reliable call-to-action duplicate for your cover picture description, visit this site to download our cost-free book on creating engaging CTAs.).
11) Do pin an associated blog post right below your Facebook cover picture
Have you ever "pinned" a message to your Facebook Web page's Timeline? Essentially, pinning a post enables you to highlight a regular Facebook post on the top of your Timeline for seven days. It's signified by a tiny yellow flag on the top right of the blog post.
Just how does this relate to optimizing your Facebook cover photo? Well, if you're hanging around aligning your Facebook Web page CTA, your cover image design, as well as your cover image summary copy, you need to also make certain to publish regarding the very same point directly to your page, as well as pin that upload to the top of your Timeline.
That way, you're providing people one very clear call-to-action when they arrive to your web page (albeit in a number of various areas)-- which ought to assist conversions.
To pin a Facebook article: Simply release the article to Facebook, after that click the descending arrow on the leading right corner of the blog post and also select "Pin to Top.".