What Size is the Facebook Cover Photo
By
Arif Rahman
—
Jan 7, 2018
—
Cover Size
What Size Is The Facebook Cover Photo: When people come to your Facebook Web page, where do you think they first look?
I'll offer you some tips. It's an aesthetic piece of content that rests at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies virtually a quarter of the display on the majority of desktop computer web browsers.
That's right-- it's your Facebook cover photo.
Since it is among the most noticeable parts of your web page, it's essential that you comply with Facebook cover picture best techniques.
Whether you're utilizing Facebook to generate leads, shut your next sale, or create a customer community, knowing the best ways to make and optimize your cover photo is essential. Read on to learn exactly what you must (and should not) perform in your cover picture.
1) Do follow Facebook's cover picture standards
It seems like a piece of cake, but complying with Facebook standards is essential to your Facebook Page existing to begin with. I 'd very recommend checking out the full Page Guidelines, yet below are a few crucial things to bear in mind for your cover photo:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on anyone else's copyright.
You cannot urge individuals to upload your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might act versus your Page. As well as while Facebook does not clearly claim what will certainly take place if you breach their Web page standards, it's possibly not clever to get your Facebook Web page removed over a cover image infraction, so review the standards in full and abide by them.
2) Do make certain your Facebook cover picture dimension is right: 851 px wide by 315 px tall
You do not wish to invest all this time developing a cover photo ... just to have it look weird when you post it to Facebook.
Make sure your cover picture will certainly look fabulous from the outset by seeing to it it's the appropriate dimensions: 851 pixels large as well as 315 pixels tall.
If you publish an image smaller than those dimensions, Facebook will extend it to fit the ideal dimension, as long as it goes to least 399 pixels vast and 150 pixels tall.
If you desire a no-hassle way to make certain your cover pictures are the ideal size, download our pre-sized design template for Facebook cover images below.
3) Don't worry regarding the old "20% text" regulation, but still try to remain visual
Back in 2013, Facebook got rid of any reference to the 20% guideline on message in cover pictures ... yet that does not suggest you must go wild with utilizing message in your cover image. The previous guideline claimed that just 20% of your cover picture could be message. Directly, I assumed that was way too restrictive for marketing experts, yet the view behind the guideline was a good one.
If you're mosting likely to use text in your cover photo, maintain that text concise. Your photo will be a lot more useful as well as appealing.
4) Maintain the image simple, with a clear centerpiece
Think about your cover picture as the portion of your Web page that's "above the layer." If it's distracting or poor quality, people will be more probable to click off the page.
Many of the very best Facebook cover photos include a solitary topic as the prime focus. They likewise utilize unfavorable white (i.e., void) as a benefit to earn the topic, any duplicate on there, and various other components unique to Facebook (like the CTA button on Facebook organisation Pages) stand out a lot more.
5) Don't hide web content behind your profile picture
Due to the way profile photos are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Page name and also the switches under right also cover sections of your image.
Inning accordance with Facebook's Aid page, on desktop, the profile photo lies 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover picture.
That being claimed, you could also use this covert area to your benefit-- maybe even hiding an Easter egg behind the account image for a contest. However generally, maintaining that area clear is an excellent finest practice.
6) Don't put crucial web content under of your image, either
Your account picture isn't really the only part of your cover image that will be partially concealed on your main Page. You'll likewise intend to avoid putting vital material or crucial parts of your picture under of your photo where the name of your Web page and CTA buttons are.
We recommend attracting an imaginary line concerning midway up your profile photo, and maintaining vital material (like text or hashtags) above that.
7) Do right-align the things in your cover photo
Given that your profile photo is on left, you wish to include some balance to your Facebook cover picture style by having the focus of the picture be on the right.
Take a look at these cover pictures. Which one looks more visually pleasing?
Doesn't the right-aligned cover photo look better? The largest style aspects (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover photo, your focus goes instantly to the left side of the web page, totally missing out on the name of the product on the upper right side.
Not only is including equilibrium an essential element of layout, however it also allows for your cover pictures to be a lot more aesthetically effective on mobile. Which brings me to my next point ...
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 network specifically from mobile devices. That's massive-- and also it's precisely why it's so important to maintain mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger section of your cover picture is blocked out since the account photo and also the Web page name get on top of the cover picture.
Let's take a look at a real-life instance. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop web browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover photo presents at 851 pixels large by 315 pixels high on desktop, it presents only the center 640 pixels vast by 360 pixels high on smart devices. Take a look at this Facebook aid document to learn more.
Notice, by the way, exactly how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your visual elements, be careful not to place important web content until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture style with other parts of your Facebook Web page
If you really want to get innovative with your cover picture, try incorporating its layout with various other parts of your Facebook Web page. You could make your profile picture as well as cover image one huge canvas, or utilize some style elements to draw attention to different performances of your Facebook Web page.
Below are some suggestions of what these cover picture integrations might appear like.
Integrate your account image and also cover image.
With a little creativity and some design modifies, you can make your profile photo and also cover photo appear as if they're two parts of one canvas. Check out one of Paris' cover pictures for a subtle however engaging way to do that.
Note: Since cover photos display differently on mobile as well as on desktop, you'll have to pick one layout to make your cover photo and account combination for. Given that cover photos are a lot more visible on desktop, I would certainly suggest focusing on that format for your cover picture as well as account picture combination style.
Accentuate the switches on right.
Complying with the very best methods stated over, WeddingWire positions every one of its crucial text to the right of their cover image-- not just attaining an excellent design visual, however also accentuating the major calls-to-action on the Page: Like, Follow, as well as Message.
Note: While it might seem like a great idea to add directional hints like an arrowhead to get people to click on the CTA buttons, keep in mind that those CTA switches don't show up the same way on the mobile app. Simply puts, it might be confusing to mobile users if you incorporate the cover image design with the switches.
10) Do consist of a shortened link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover photo to support your page CTA, make certain your cover photo summary likewise consists of a text CTA and also connect to the same offer. This way, whenever individuals view your cover photo straight, they can access the download web link.
Make certain you reduce your web links and also include UTM codes so you can track click them. Shortening and also tracking attributes are readily available in the HubSpot Advertising System and in devices like bitly.
( If you want to discover more concerning how you can compose effective call-to-action duplicate for your cover photo description, visit this site to download our totally free e-book on creating compelling CTAs.).
11) Do pin a related message right listed below your Facebook cover image
Have you ever "pinned" a post to your Facebook Web page's Timeline? Primarily, pinning a post allows you to highlight a normal Facebook message on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the message.
Just how does this associate with optimizing your Facebook cover image? Well, if you're hanging around aligning your Facebook Page CTA, your cover picture design, as well as your cover picture summary duplicate, you need to also ensure to upload about the very same thing straight to your page, and also pin that post to the top of your Timeline.
In this way, you're providing individuals one extremely clear call-to-action when they arrive to your web page (albeit in several various locations)-- which must assist conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, after that click the descending arrow on the top right edge of the article as well as pick "Pin to Top.".
I'll offer you some tips. It's an aesthetic piece of content that rests at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies virtually a quarter of the display on the majority of desktop computer web browsers.
That's right-- it's your Facebook cover photo.
Since it is among the most noticeable parts of your web page, it's essential that you comply with Facebook cover picture best techniques.
Whether you're utilizing Facebook to generate leads, shut your next sale, or create a customer community, knowing the best ways to make and optimize your cover photo is essential. Read on to learn exactly what you must (and should not) perform in your cover picture.
What Size Is The Facebook Cover Photo
1) Do follow Facebook's cover picture standards
It seems like a piece of cake, but complying with Facebook standards is essential to your Facebook Page existing to begin with. I 'd very recommend checking out the full Page Guidelines, yet below are a few crucial things to bear in mind for your cover photo:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on anyone else's copyright.
You cannot urge individuals to upload your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might act versus your Page. As well as while Facebook does not clearly claim what will certainly take place if you breach their Web page standards, it's possibly not clever to get your Facebook Web page removed over a cover image infraction, so review the standards in full and abide by them.
2) Do make certain your Facebook cover picture dimension is right: 851 px wide by 315 px tall
You do not wish to invest all this time developing a cover photo ... just to have it look weird when you post it to Facebook.
Make sure your cover picture will certainly look fabulous from the outset by seeing to it it's the appropriate dimensions: 851 pixels large as well as 315 pixels tall.
If you publish an image smaller than those dimensions, Facebook will extend it to fit the ideal dimension, as long as it goes to least 399 pixels vast and 150 pixels tall.
If you desire a no-hassle way to make certain your cover pictures are the ideal size, download our pre-sized design template for Facebook cover images below.
3) Don't worry regarding the old "20% text" regulation, but still try to remain visual
Back in 2013, Facebook got rid of any reference to the 20% guideline on message in cover pictures ... yet that does not suggest you must go wild with utilizing message in your cover image. The previous guideline claimed that just 20% of your cover picture could be message. Directly, I assumed that was way too restrictive for marketing experts, yet the view behind the guideline was a good one.
If you're mosting likely to use text in your cover photo, maintain that text concise. Your photo will be a lot more useful as well as appealing.
4) Maintain the image simple, with a clear centerpiece
Think about your cover picture as the portion of your Web page that's "above the layer." If it's distracting or poor quality, people will be more probable to click off the page.
Many of the very best Facebook cover photos include a solitary topic as the prime focus. They likewise utilize unfavorable white (i.e., void) as a benefit to earn the topic, any duplicate on there, and various other components unique to Facebook (like the CTA button on Facebook organisation Pages) stand out a lot more.
5) Don't hide web content behind your profile picture
Due to the way profile photos are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Page name and also the switches under right also cover sections of your image.
Inning accordance with Facebook's Aid page, on desktop, the profile photo lies 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover picture.
That being claimed, you could also use this covert area to your benefit-- maybe even hiding an Easter egg behind the account image for a contest. However generally, maintaining that area clear is an excellent finest practice.
6) Don't put crucial web content under of your image, either
Your account picture isn't really the only part of your cover image that will be partially concealed on your main Page. You'll likewise intend to avoid putting vital material or crucial parts of your picture under of your photo where the name of your Web page and CTA buttons are.
We recommend attracting an imaginary line concerning midway up your profile photo, and maintaining vital material (like text or hashtags) above that.
7) Do right-align the things in your cover photo
Given that your profile photo is on left, you wish to include some balance to your Facebook cover picture style by having the focus of the picture be on the right.
Take a look at these cover pictures. Which one looks more visually pleasing?
Doesn't the right-aligned cover photo look better? The largest style aspects (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover photo, your focus goes instantly to the left side of the web page, totally missing out on the name of the product on the upper right side.
Not only is including equilibrium an essential element of layout, however it also allows for your cover pictures to be a lot more aesthetically effective on mobile. Which brings me to my next point ...
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 network specifically from mobile devices. That's massive-- and also it's precisely why it's so important to maintain mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger section of your cover picture is blocked out since the account photo and also the Web page name get on top of the cover picture.
Let's take a look at a real-life instance. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop web browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover photo presents at 851 pixels large by 315 pixels high on desktop, it presents only the center 640 pixels vast by 360 pixels high on smart devices. Take a look at this Facebook aid document to learn more.
Notice, by the way, exactly how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your visual elements, be careful not to place important web content until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture style with other parts of your Facebook Web page
If you really want to get innovative with your cover picture, try incorporating its layout with various other parts of your Facebook Web page. You could make your profile picture as well as cover image one huge canvas, or utilize some style elements to draw attention to different performances of your Facebook Web page.
Below are some suggestions of what these cover picture integrations might appear like.
Integrate your account image and also cover image.
With a little creativity and some design modifies, you can make your profile photo and also cover photo appear as if they're two parts of one canvas. Check out one of Paris' cover pictures for a subtle however engaging way to do that.
Note: Since cover photos display differently on mobile as well as on desktop, you'll have to pick one layout to make your cover photo and account combination for. Given that cover photos are a lot more visible on desktop, I would certainly suggest focusing on that format for your cover picture as well as account picture combination style.
Accentuate the switches on right.
Complying with the very best methods stated over, WeddingWire positions every one of its crucial text to the right of their cover image-- not just attaining an excellent design visual, however also accentuating the major calls-to-action on the Page: Like, Follow, as well as Message.
Note: While it might seem like a great idea to add directional hints like an arrowhead to get people to click on the CTA buttons, keep in mind that those CTA switches don't show up the same way on the mobile app. Simply puts, it might be confusing to mobile users if you incorporate the cover image design with the switches.
10) Do consist of a shortened link in your cover picture summary that lines up with your web page CTA
If you wish to use your cover photo to support your page CTA, make certain your cover photo summary likewise consists of a text CTA and also connect to the same offer. This way, whenever individuals view your cover photo straight, they can access the download web link.
Make certain you reduce your web links and also include UTM codes so you can track click them. Shortening and also tracking attributes are readily available in the HubSpot Advertising System and in devices like bitly.
( If you want to discover more concerning how you can compose effective call-to-action duplicate for your cover photo description, visit this site to download our totally free e-book on creating compelling CTAs.).
11) Do pin a related message right listed below your Facebook cover image
Have you ever "pinned" a post to your Facebook Web page's Timeline? Primarily, pinning a post allows you to highlight a normal Facebook message on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the message.
Just how does this associate with optimizing your Facebook cover image? Well, if you're hanging around aligning your Facebook Page CTA, your cover picture design, as well as your cover picture summary duplicate, you need to also ensure to upload about the very same thing straight to your page, and also pin that post to the top of your Timeline.
In this way, you're providing individuals one extremely clear call-to-action when they arrive to your web page (albeit in several various locations)-- which must assist conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, after that click the descending arrow on the top right edge of the article as well as pick "Pin to Top.".