Size Of A Facebook Cover Photo
By
Arif Rahman
—
Jan 9, 2018
—
Cover Size
Size Of A Facebook Cover Photo: When individuals come to your Facebook Web page, where do you think they initially look?
I'll give you some tips. It's a visual item of material that rests on top of your page. Its measurements are 851 pixels vast by 315 pixels tall. It occupies virtually a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover image.
Since it's one of one of the most obvious parts of your web page, it's essential that you adhere to Facebook cover photo ideal techniques.
Whether you're making use of Facebook to produce leads, shut your following sale, or develop a client community, recognizing the best ways to make and enhance your cover picture is very important. Continue reading to discover exactly what you need to (as well as shouldn't) perform in your cover picture.
1) Do comply with Facebook's cover photo guidelines
It appears like a no-brainer, yet following Facebook guidelines is crucial to your Facebook Web page existing in the first place. I 'd highly suggest checking out the full Web page Guidelines, yet here are a few vital points to keep in mind for your cover image:
Your cover is public.
Covers can not be deceitful, misleading, or infringe on any individual else's copyright.
You cannot urge individuals to publish your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook can act versus your Page. And also while Facebook doesn't clearly state exactly what will occur if you breach their Page standards, it's probably not smart to obtain your Facebook Web page taken down over a cover image violation, so review the guidelines completely as well as abide by them.
2) Do make certain your Facebook cover picture size is right: 851 px vast by 315 px tall
You do not intend to invest all this time around creating a cover photo ... just to have it look strange when you submit it to Facebook.
See to it your cover photo will certainly look wonderful from the outset by ensuring it's the best measurements: 851 pixels wide as well as 315 pixels high.
If you upload a picture smaller than those dimensions, Facebook will certainly extend it to fit the ideal dimension, as long as it's at the very least 399 pixels broad and 150 pixels high.
If you want a no-hassle means to make sure your cover photos are the right size, download our pre-sized design template for Facebook cover images here.
3) Don't worry regarding the old "20% message" guideline, but still attempt to remain aesthetic
Back in 2013, Facebook removed any kind of referral to the 20% rule on message in cover photos ... yet that doesn't imply you must go wild with using message in your cover picture. The previous regulation claimed that only 20% of your cover image could be text. Directly, I assumed that was way as well restrictive for marketers, but the sentiment behind the regulation was a good one.
If you're going to use text in your cover picture, maintain that message concise. Your photo will certainly be far more informative and interesting.
4) Maintain the photo simple, with a clear centerpiece
Think of your cover photo as the part of your Web page that's "over the fold." If it's distracting or poor quality, individuals will certainly be more likely to click off the web page.
A number of the very best Facebook cover photos consist of a solitary topic as the prime focus. They also use adverse white (i.e., void) as an advantage making the topic, any type of duplicate on there, and various other aspects one-of-a-kind to Facebook (like the CTA button on Facebook business Pages) stand apart a lot more.
5) Don't hide material behind your profile picture
Due to the means account pictures are included on Facebook Pages, there's an area of your cover image that won't show up unless you click on it. Your Page name and also the buttons under right additionally cover sections of your image.
Inning accordance with Facebook's Help web page, on home computer, the profile image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover image.
That being claimed, you can additionally utilize this concealed space to your benefit-- perhaps even hiding an Easter egg behind the profile image for a contest. But commonly, keeping that space clear is a great best practice.
6) Don't place important web content under of your image, either
Your account photo isn't really the only part of your cover picture that will certainly be partly hidden on your main Page. You'll also wish to avoid putting essential web content or vital parts of your image on the bottom of your image where the name of your Web page and also CTA switches are.
We recommend attracting an imaginary line regarding halfway up your profile image, and also maintaining essential web content (like text or hashtags) over that.
7) Do right-align the objects in your cover image
Because your account image gets on left, you wish to add some balance to your Facebook cover image layout by having the focus of the photo get on the right.
Have a look at these cover images. Which one looks more cosmetically pleasing?
Doesn't the right-aligned cover photo look better? The most significant layout elements (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover image, your focus goes promptly to the left side of the page, totally missing out on the name of the product on the top right side.
Not only is including equilibrium an essential aspect of design, yet it additionally enables your cover images to be much more aesthetically reliable on mobile. Which brings me to my next factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) accessibility the social media network exclusively from mobile phones. That's substantial-- 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 portion of your cover photo is blocked out due to the fact that the account photo and the Web page name get on top of the cover image.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Page appears like in a desktop computer internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover picture presents at 851 pixels wide by 315 pixels tall on desktop computer, it presents only the center 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook help record for additional information.
Notice, by the way, how the text in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your aesthetic elements, beware not to place important web content up until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover image design with various other parts of your Facebook Page
If you really intend to obtain innovative with your cover photo, attempt incorporating its layout with various other parts of your Facebook Page. You might make your account picture as well as cover image one huge canvas, or utilize some design elements to accentuate different functionalities of your Facebook Page.
Below are some suggestions of exactly what these cover image integrations may appear like.
Incorporate your account photo and cover picture.
With a little creative thinking and some style tweaks, you can make your profile photo as well as cover image look like if they're 2 parts of one canvas. Have a look at among Paris' cover pictures for a refined yet engaging means to do that.
Note: Since cover pictures present differently on mobile and on desktop computer, you'll have to select one style to create your cover image as well as account mix for. Given that cover pictures are far more recognizable on desktop computer, I would certainly suggest focusing on that design for your cover picture and also account picture mix style.
Accentuate the switches on right.
Following the best methods stated over, WeddingWire puts every one of its important text to the right of their cover image-- not just attaining a great style visual, however additionally drawing attention to the main calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it could look like a great idea to add directional hints like an arrowhead to obtain individuals to click on the CTA switches, keep in mind that those CTA switches don't appear the same way on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover image layout with the switches.
10) Do consist of a shortened link in your cover image summary that aligns with your page CTA
If you wish to utilize your cover picture to sustain your page CTA, see to it your cover photo summary additionally includes a message CTA and also link to the very same deal. By doing this, at any time individuals watch your cover image straight, they could access the download link.
Make certain you shorten your web links and also include UTM codes so you can track clicks on them. Shortening and also tracking features are readily available in the HubSpot Advertising And Marketing Platform as well as in tools like bitly.
( If you intend to learn more concerning ways to write reliable call-to-action duplicate for your cover image description, click here to download our totally free ebook on developing compelling CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover image
Have you ever before "pinned" an article to your Facebook Web page's Timeline? Generally, pinning a message permits you to highlight a regular Facebook message on the top of your Timeline for 7 days. It's symbolized by a little yellow flag on the leading right of the blog post.
How does this connect to enhancing your Facebook cover photo? Well, if you're spending time straightening your Facebook Web page CTA, your cover image style, and also your cover photo description copy, you need to also ensure to upload concerning the very same point straight to your web page, as well as pin that publish to the top of your Timeline.
That way, you're providing individuals one very clear call-to-action when they get here to your web page (albeit in numerous different places)-- which must aid conversions.
To pin a Facebook blog post: Just release the blog post to Facebook, then click the down arrowhead on the leading right edge of the article and also select "Pin to Top.".
I'll give you some tips. It's a visual item of material that rests on top of your page. Its measurements are 851 pixels vast by 315 pixels tall. It occupies virtually a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover image.
Since it's one of one of the most obvious parts of your web page, it's essential that you adhere to Facebook cover photo ideal techniques.
Whether you're making use of Facebook to produce leads, shut your following sale, or develop a client community, recognizing the best ways to make and enhance your cover picture is very important. Continue reading to discover exactly what you need to (as well as shouldn't) perform in your cover picture.
Size Of A Facebook Cover Photo
1) Do comply with Facebook's cover photo guidelines
It appears like a no-brainer, yet following Facebook guidelines is crucial to your Facebook Web page existing in the first place. I 'd highly suggest checking out the full Web page Guidelines, yet here are a few vital points to keep in mind for your cover image:
Your cover is public.
Covers can not be deceitful, misleading, or infringe on any individual else's copyright.
You cannot urge individuals to publish your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook can act versus your Page. And also while Facebook doesn't clearly state exactly what will occur if you breach their Page standards, it's probably not smart to obtain your Facebook Web page taken down over a cover image violation, so review the guidelines completely as well as abide by them.
2) Do make certain your Facebook cover picture size is right: 851 px vast by 315 px tall
You do not intend to invest all this time around creating a cover photo ... just to have it look strange when you submit it to Facebook.
See to it your cover photo will certainly look wonderful from the outset by ensuring it's the best measurements: 851 pixels wide as well as 315 pixels high.
If you upload a picture smaller than those dimensions, Facebook will certainly extend it to fit the ideal dimension, as long as it's at the very least 399 pixels broad and 150 pixels high.
If you want a no-hassle means to make sure your cover photos are the right size, download our pre-sized design template for Facebook cover images here.
3) Don't worry regarding the old "20% message" guideline, but still attempt to remain aesthetic
Back in 2013, Facebook removed any kind of referral to the 20% rule on message in cover photos ... yet that doesn't imply you must go wild with using message in your cover picture. The previous regulation claimed that only 20% of your cover image could be text. Directly, I assumed that was way as well restrictive for marketers, but the sentiment behind the regulation was a good one.
If you're going to use text in your cover picture, maintain that message concise. Your photo will certainly be far more informative and interesting.
4) Maintain the photo simple, with a clear centerpiece
Think of your cover photo as the part of your Web page that's "over the fold." If it's distracting or poor quality, individuals will certainly be more likely to click off the web page.
A number of the very best Facebook cover photos consist of a solitary topic as the prime focus. They also use adverse white (i.e., void) as an advantage making the topic, any type of duplicate on there, and various other aspects one-of-a-kind to Facebook (like the CTA button on Facebook business Pages) stand apart a lot more.
5) Don't hide material behind your profile picture
Due to the means account pictures are included on Facebook Pages, there's an area of your cover image that won't show up unless you click on it. Your Page name and also the buttons under right additionally cover sections of your image.
Inning accordance with Facebook's Help web page, on home computer, the profile image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover image.
That being claimed, you can additionally utilize this concealed space to your benefit-- perhaps even hiding an Easter egg behind the profile image for a contest. But commonly, keeping that space clear is a great best practice.
6) Don't place important web content under of your image, either
Your account photo isn't really the only part of your cover picture that will certainly be partly hidden on your main Page. You'll also wish to avoid putting essential web content or vital parts of your image on the bottom of your image where the name of your Web page and also CTA switches are.
We recommend attracting an imaginary line regarding halfway up your profile image, and also maintaining essential web content (like text or hashtags) over that.
7) Do right-align the objects in your cover image
Because your account image gets on left, you wish to add some balance to your Facebook cover image layout by having the focus of the photo get on the right.
Have a look at these cover images. Which one looks more cosmetically pleasing?
Doesn't the right-aligned cover photo look better? The most significant layout elements (the profile photo, the text, and also the beer) are uniformly spaced. In the Samsung cover image, your focus goes promptly to the left side of the page, totally missing out on the name of the product on the top right side.
Not only is including equilibrium an essential aspect of design, yet it additionally enables your cover images to be much more aesthetically reliable on mobile. Which brings me to my next factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) accessibility the social media network exclusively from mobile phones. That's substantial-- 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 portion of your cover photo is blocked out due to the fact that the account photo and the Web page name get on top of the cover image.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Page appears like in a desktop computer internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notice that the sides of the picture are removed on mobile. Whereas your cover picture presents at 851 pixels wide by 315 pixels tall on desktop computer, it presents only the center 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook help record for additional information.
Notice, by the way, how the text in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your aesthetic elements, beware not to place important web content up until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover image design with various other parts of your Facebook Page
If you really intend to obtain innovative with your cover photo, attempt incorporating its layout with various other parts of your Facebook Page. You might make your account picture as well as cover image one huge canvas, or utilize some design elements to accentuate different functionalities of your Facebook Page.
Below are some suggestions of exactly what these cover image integrations may appear like.
Incorporate your account photo and cover picture.
With a little creative thinking and some style tweaks, you can make your profile photo as well as cover image look like if they're 2 parts of one canvas. Have a look at among Paris' cover pictures for a refined yet engaging means to do that.
Note: Since cover pictures present differently on mobile and on desktop computer, you'll have to select one style to create your cover image as well as account mix for. Given that cover pictures are far more recognizable on desktop computer, I would certainly suggest focusing on that design for your cover picture and also account picture mix style.
Accentuate the switches on right.
Following the best methods stated over, WeddingWire puts every one of its important text to the right of their cover image-- not just attaining a great style visual, however additionally drawing attention to the main calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it could look like a great idea to add directional hints like an arrowhead to obtain individuals to click on the CTA switches, keep in mind that those CTA switches don't appear the same way on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover image layout with the switches.
10) Do consist of a shortened link in your cover image summary that aligns with your page CTA
If you wish to utilize your cover picture to sustain your page CTA, see to it your cover photo summary additionally includes a message CTA and also link to the very same deal. By doing this, at any time individuals watch your cover image straight, they could access the download link.
Make certain you shorten your web links and also include UTM codes so you can track clicks on them. Shortening and also tracking features are readily available in the HubSpot Advertising And Marketing Platform as well as in tools like bitly.
( If you intend to learn more concerning ways to write reliable call-to-action duplicate for your cover image description, click here to download our totally free ebook on developing compelling CTAs.).
11) Do pin a relevant blog post right listed below your Facebook cover image
Have you ever before "pinned" an article to your Facebook Web page's Timeline? Generally, pinning a message permits you to highlight a regular Facebook message on the top of your Timeline for 7 days. It's symbolized by a little yellow flag on the leading right of the blog post.
How does this connect to enhancing your Facebook cover photo? Well, if you're spending time straightening your Facebook Web page CTA, your cover image style, and also your cover photo description copy, you need to also ensure to upload concerning the very same point straight to your web page, as well as pin that publish to the top of your Timeline.
That way, you're providing individuals one very clear call-to-action when they get here to your web page (albeit in numerous different places)-- which must aid conversions.
To pin a Facebook blog post: Just release the blog post to Facebook, then click the down arrowhead on the leading right edge of the article and also select "Pin to Top.".