What Size are Facebook Cover Photos
By
MUFY UJASH
—
Nov 22, 2017
—
Cover Size
What Size Are Facebook Cover Photos: When individuals get to your Facebook Web page, where do you assume they first look?
I'll offer you some tips. It's an aesthetic piece of content that sits at the top of your page. Its dimensions are 851 pixels large by 315 pixels high. It uses up almost a quarter of the display on many desktop browsers.
That's right-- it's your Facebook cover photo.
Considering that it is among one of the most recognizable parts of your web page, it's essential that you comply with Facebook cover photo best practices.
Whether you're making use of Facebook to create leads, shut your following sale, or create a client neighborhood, understanding how you can make and also maximize your cover photo is extremely important. Read on to learn just what you must (as well as should not) do in your cover photo.
1) Do abide by Facebook's cover picture standards
It appears like a no-brainer, however obeying Facebook standards is critical to your Facebook Page existing in the first place. I 'd highly recommend checking out the full Web page Guidelines, yet below are a couple of important things to keep in mind for your cover image:
Your cover is public.
Covers can't be deceptive, misleading, or infringe on any person else's copyright.
You can not urge individuals to submit your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook could do something about it against your Web page. And while Facebook doesn't clearly claim exactly what will occur if you breach their Page guidelines, it's most likely not smart to obtain your Facebook Web page taken down over a cover photo infraction, so review the standards in full as well as stick to them.
2) Do make sure your Facebook cover picture dimension is right: 851 px broad by 315 px high
You do not intend to spend all this time developing a cover image ... only to have it look unusual when you submit it to Facebook.
Make certain your cover image will certainly look magnificent from the outset by ensuring it's the best measurements: 851 pixels wide and also 315 pixels high.
If you publish an image smaller than those dimensions, Facebook will certainly stretch it to fit the right dimension, as long as it goes to least 399 pixels broad and also 150 pixels tall.
If you desire a no-hassle way making certain your cover photos are the right size, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry about the old "20% message" guideline, yet still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of recommendation to the 20% rule on message in cover pictures ... yet that does not suggest you must go wild with making use of text in your cover image. The previous rule said that just 20% of your cover photo could be message. Personally, I believed that was way as well limiting for marketing experts, but the belief behind the rule was a good one.
If you're going to use text in your cover photo, keep that message concise. Your picture will certainly be a lot more informative as well as interesting.
4) Keep the photo simple, with a clear centerpiece
Consider your cover photo as the portion of your Web page that's "above the fold." If it's sidetracking or low quality, people will certainly be more likely to click off the web page.
Most of the very best Facebook cover pictures consist of a solitary subject as the prime focus. They also use unfavorable white (i.e., void) as an advantage making the subject, any duplicate on there, and also other components distinct to Facebook (like the CTA button on Facebook organisation Pages) stand apart a lot more.
5) Don't hide content behind your profile picture
As a result of the method profile photos are included on Facebook Pages, there's an area of your cover picture that will not appear unless you click it. Your Web page name and also the switches under right additionally cover sections of your photo.
Inning accordance with Facebook's Help page, on desktop computers, the profile image lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover image.
That being claimed, you can additionally use this surprise room to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. Yet generally, keeping that room clear is an excellent best method.
6) Don't place vital material under of your image, either
Your account photo isn't really the only part of your cover photo that will certainly be partly hidden on your primary Web page. You'll likewise wish to avoid placing important material or key parts of your image under of your picture where the name of your Page as well as CTA switches are.
We advise drawing an imaginary line about halfway up your account image, and keeping important content (like text or hashtags) above that.
7) Do right-align the objects in your cover image
Considering that your profile image is on left, you intend to add some equilibrium to your Facebook cover photo design by having the emphasis of the image get on the right.
Take a look at these cover photos. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the account image, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your focus goes instantly to the left side of the page, completely missing out on the name of the item on the top appropriate side.
Not just is adding balance an essential aspect of design, yet it also allows for your cover images to be more visually efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social network solely from mobile devices. That's massive-- and also it's precisely why it's so vital to maintain mobile customers top-of-mind when making your Facebook cover photo.
On mobile, a much bigger section of your cover picture is shut out due to the fact that the profile image as well as the Web page name are on top of the cover photo.
Allow's have a look at a real-life example. Listed below, have a look at what Adobe's Facebook Web page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover image shows at 851 pixels vast by 315 pixels high on desktop computer, it displays only the facility 640 pixels vast by 360 pixels high on smart devices. Have a look at this Facebook help file for more details.
Notice, incidentally, how the message in Adobe's cover picture is cut off on the right-hand side. While it looks ideal to right-align your visual components, be careful not to put essential content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Web page
If you truly wish to get imaginative with your cover photo, try incorporating its style with other parts of your Facebook Web page. You could make your account picture and also cover image one large canvas, or make use of some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some ideas of what these cover picture integrations might look like.
Incorporate your profile picture as well as cover photo.
With a little imagination and some layout modifies, you could make your profile photo as well as cover image look like if they're 2 parts of one canvas. Check out among Paris' cover pictures for a refined however engaging way to do that.
Keep in mind: Given that cover photos display differently on mobile and also on desktop computer, you'll have to pick one layout to develop your cover picture as well as profile mix for. Because cover pictures are much more noticeable on desktop computer, I 'd suggest focusing on that design for your cover image and also account image mix style.
Accentuate the switches on right.
Adhering to the most effective practices discussed above, WeddingWire places all its important message to the right of their cover photo-- not just accomplishing an excellent design aesthetic, but also accentuating the main calls-to-action on the Web page: Like, Follow, and also Message.
Keep in mind: While it could seem like a good idea to include directional signs like an arrowhead to obtain people to click the CTA switches, note that those CTA switches don't appear the same way on the mobile application. In other words, it might be perplexing to mobile individuals if you incorporate the cover photo layout with the buttons.
10) Do include a reduced web link in your cover image summary that aligns with your page CTA
If you want to utilize your cover image to support your web page CTA, see to it your cover photo summary likewise includes a text CTA as well as link to the exact same offer. In this manner, any time individuals see your cover image straight, they can access the download web link.
Make sure you shorten your links and also include UTM codes so you can track click them. Reducing and also tracking features are offered in the HubSpot Marketing System and also in devices like bitly.
( If you want to learn more regarding how to write effective call-to-action copy for your cover picture description, click here to download our cost-free book on creating compelling CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover picture
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Essentially, pinning a post permits you to highlight a common Facebook post on the top of your Timeline for 7 days. It's symbolized by a small yellow flag on the top right of the article.
Just how does this connect to enhancing your Facebook cover image? Well, if you're hanging around straightening your Facebook Web page CTA, your cover picture style, as well as your cover photo summary copy, you need to additionally make sure to upload about the exact same point directly to your page, as well as pin that publish to the top of your Timeline.
This way, you're providing people one really clear call-to-action when they arrive to your web page (albeit in a number of various locations)-- which should assist conversions.
To pin a Facebook blog post: Just publish the blog post to Facebook, then click the downward arrowhead on the top right corner of the message and also choose "Pin to Top.".
I'll offer you some tips. It's an aesthetic piece of content that sits at the top of your page. Its dimensions are 851 pixels large by 315 pixels high. It uses up almost a quarter of the display on many desktop browsers.
That's right-- it's your Facebook cover photo.
Considering that it is among one of the most recognizable parts of your web page, it's essential that you comply with Facebook cover photo best practices.
Whether you're making use of Facebook to create leads, shut your following sale, or create a client neighborhood, understanding how you can make and also maximize your cover photo is extremely important. Read on to learn just what you must (as well as should not) do in your cover photo.
What Size Are Facebook Cover Photos
1) Do abide by Facebook's cover picture standards
It appears like a no-brainer, however obeying Facebook standards is critical to your Facebook Page existing in the first place. I 'd highly recommend checking out the full Web page Guidelines, yet below are a couple of important things to keep in mind for your cover image:
Your cover is public.
Covers can't be deceptive, misleading, or infringe on any person else's copyright.
You can not urge individuals to submit your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook could do something about it against your Web page. And while Facebook doesn't clearly claim exactly what will occur if you breach their Page guidelines, it's most likely not smart to obtain your Facebook Web page taken down over a cover photo infraction, so review the standards in full as well as stick to them.
2) Do make sure your Facebook cover picture dimension is right: 851 px broad by 315 px high
You do not intend to spend all this time developing a cover image ... only to have it look unusual when you submit it to Facebook.
Make certain your cover image will certainly look magnificent from the outset by ensuring it's the best measurements: 851 pixels wide and also 315 pixels high.
If you publish an image smaller than those dimensions, Facebook will certainly stretch it to fit the right dimension, as long as it goes to least 399 pixels broad and also 150 pixels tall.
If you desire a no-hassle way making certain your cover photos are the right size, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry about the old "20% message" guideline, yet still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of recommendation to the 20% rule on message in cover pictures ... yet that does not suggest you must go wild with making use of text in your cover image. The previous rule said that just 20% of your cover photo could be message. Personally, I believed that was way as well limiting for marketing experts, but the belief behind the rule was a good one.
If you're going to use text in your cover photo, keep that message concise. Your picture will certainly be a lot more informative as well as interesting.
4) Keep the photo simple, with a clear centerpiece
Consider your cover photo as the portion of your Web page that's "above the fold." If it's sidetracking or low quality, people will certainly be more likely to click off the web page.
Most of the very best Facebook cover pictures consist of a solitary subject as the prime focus. They also use unfavorable white (i.e., void) as an advantage making the subject, any duplicate on there, and also other components distinct to Facebook (like the CTA button on Facebook organisation Pages) stand apart a lot more.
5) Don't hide content behind your profile picture
As a result of the method profile photos are included on Facebook Pages, there's an area of your cover picture that will not appear unless you click it. Your Web page name and also the switches under right additionally cover sections of your photo.
Inning accordance with Facebook's Help page, on desktop computers, the profile image lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover image.
That being claimed, you can additionally use this surprise room to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. Yet generally, keeping that room clear is an excellent best method.
6) Don't place vital material under of your image, either
Your account photo isn't really the only part of your cover photo that will certainly be partly hidden on your primary Web page. You'll likewise wish to avoid placing important material or key parts of your image under of your picture where the name of your Page as well as CTA switches are.
We advise drawing an imaginary line about halfway up your account image, and keeping important content (like text or hashtags) above that.
7) Do right-align the objects in your cover image
Considering that your profile image is on left, you intend to add some equilibrium to your Facebook cover photo design by having the emphasis of the image get on the right.
Take a look at these cover photos. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the account image, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your focus goes instantly to the left side of the page, completely missing out on the name of the item on the top appropriate side.
Not just is adding balance an essential aspect of design, yet it also allows for your cover images to be more visually efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social network solely from mobile devices. That's massive-- and also it's precisely why it's so vital to maintain mobile customers top-of-mind when making your Facebook cover photo.
On mobile, a much bigger section of your cover picture is shut out due to the fact that the profile image as well as the Web page name are on top of the cover photo.
Allow's have a look at a real-life example. Listed below, have a look at what Adobe's Facebook Web page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover image shows at 851 pixels vast by 315 pixels high on desktop computer, it displays only the facility 640 pixels vast by 360 pixels high on smart devices. Have a look at this Facebook help file for more details.
Notice, incidentally, how the message in Adobe's cover picture is cut off on the right-hand side. While it looks ideal to right-align your visual components, be careful not to put essential content so far to the right that it obtains cut off on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Web page
If you truly wish to get imaginative with your cover photo, try incorporating its style with other parts of your Facebook Web page. You could make your account picture and also cover image one large canvas, or make use of some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some ideas of what these cover picture integrations might look like.
Incorporate your profile picture as well as cover photo.
With a little imagination and some layout modifies, you could make your profile photo as well as cover image look like if they're 2 parts of one canvas. Check out among Paris' cover pictures for a refined however engaging way to do that.
Keep in mind: Given that cover photos display differently on mobile and also on desktop computer, you'll have to pick one layout to develop your cover picture as well as profile mix for. Because cover pictures are much more noticeable on desktop computer, I 'd suggest focusing on that design for your cover image and also account image mix style.
Accentuate the switches on right.
Adhering to the most effective practices discussed above, WeddingWire places all its important message to the right of their cover photo-- not just accomplishing an excellent design aesthetic, but also accentuating the main calls-to-action on the Web page: Like, Follow, and also Message.
Keep in mind: While it could seem like a good idea to include directional signs like an arrowhead to obtain people to click the CTA switches, note that those CTA switches don't appear the same way on the mobile application. In other words, it might be perplexing to mobile individuals if you incorporate the cover photo layout with the buttons.
10) Do include a reduced web link in your cover image summary that aligns with your page CTA
If you want to utilize your cover image to support your web page CTA, see to it your cover photo summary likewise includes a text CTA as well as link to the exact same offer. In this manner, any time individuals see your cover image straight, they can access the download web link.
Make sure you shorten your links and also include UTM codes so you can track click them. Reducing and also tracking features are offered in the HubSpot Marketing System and also in devices like bitly.
( If you want to learn more regarding how to write effective call-to-action copy for your cover picture description, click here to download our cost-free book on creating compelling CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover picture
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Essentially, pinning a post permits you to highlight a common Facebook post on the top of your Timeline for 7 days. It's symbolized by a small yellow flag on the top right of the article.
Just how does this connect to enhancing your Facebook cover image? Well, if you're hanging around straightening your Facebook Web page CTA, your cover picture style, as well as your cover photo summary copy, you need to additionally make sure to upload about the exact same point directly to your page, as well as pin that publish to the top of your Timeline.
This way, you're providing people one really clear call-to-action when they arrive to your web page (albeit in a number of various locations)-- which should assist conversions.
To pin a Facebook blog post: Just publish the blog post to Facebook, then click the downward arrowhead on the top right corner of the message and also choose "Pin to Top.".