What is the Size Of A Facebook Cover Photo
By
MUFY UJASH
—
Nov 30, 2017
—
Cover Size
What Is The Size Of A Facebook Cover Photo: When people come to your Facebook Page, where do you believe they first look?
I'll offer you some tips. It's an aesthetic piece of web content that sits at the top of your web page. Its measurements are 851 pixels broad by 315 pixels tall. It occupies practically a quarter of the display on a lot of desktop computer web browsers.
That's right-- it's your Facebook cover image.
Because it is among one of the most obvious parts of your web page, it's essential that you comply with Facebook cover photo finest practices.
Whether you're making use of Facebook to generate leads, shut your next sale, or develop a consumer neighborhood, knowing how you can make and also maximize your cover image is extremely important. Keep reading to discover just what you ought to (and also should not) do in your cover photo.
1) Do comply with Facebook's cover picture guidelines
It looks like a piece of cake, however complying with Facebook guidelines is essential to your Facebook Web page existing in the first place. I 'd extremely suggest going through the full Web page Standards, yet below are a couple of vital things to keep in mind for your cover picture:
Your cover is public.
Covers cannot be deceptive, misleading, or infringe on anyone else's copyright.
You can not motivate people to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook could act against your Web page. And also while Facebook does not explicitly say exactly what will occur if you break their Page standards, it's probably not wise to get your Facebook Page taken down over a cover photo offense, so check out the standards completely and also comply with them.
2) Do ensure your Facebook cover picture size is right: 851 px large by 315 px tall
You don't intend to invest all this time creating a cover image ... only to have it look strange when you publish it to Facebook.
Ensure your cover photo will look magnificent from the beginning by ensuring it's the appropriate dimensions: 851 pixels vast and also 315 pixels tall.
If you post an image smaller sized than those dimensions, Facebook will extend it to fit the best size, as long as it's at least 399 pixels broad as well as 150 pixels high.
If you desire a no-hassle way to make sure your cover images are the best size, download our pre-sized design template for Facebook cover photos below.
3) Don't worry regarding the old "20% message" policy, however still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of referral to the 20% rule on text in cover pictures ... however that doesn't indicate you ought to go wild with using text in your cover photo. The previous regulation stated that only 20% of your cover photo could be text. Directly, I thought that was way too restrictive for marketers, however the view behind the guideline was a good one.
If you're going to make use of message in your cover photo, maintain that message concise. Your image will be a lot more insightful and engaging.
4) Maintain the picture simple, with a clear focal point
Think about your cover image as the part of your Page that's "over the layer." If it's distracting or low quality, people will certainly be more likely to click off the web page.
Most of the best Facebook cover pictures include a solitary subject as the focal point. They likewise utilize adverse white (i.e., empty space) as an advantage making the subject, any type of copy on there, and various other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) attract attention much more.
5) Don't conceal web content behind your account picture
Because of the way profile pictures are featured on Facebook Pages, there's a section of your cover picture that won't appear unless you click it. Your Page name and the buttons on the bottom right additionally cover sections of your photo.
Inning accordance with Facebook's Aid page, on desktop, the profile image lies 16 pixels from the left edge of the cover photo, as well as 176 pixels from the top of the cover photo.
That being stated, you could likewise utilize this surprise room to your benefit-- perhaps even concealing an Easter egg behind the account image for a competition. However commonly, keeping that space clear is an excellent finest technique.
6) Don't place essential content on the bottom of your photo, either
Your account photo isn't the only part of your cover picture that will be partly concealed on your major Web page. You'll also intend to avoid placing vital material or key parts of your image under of your photo where the name of your Page as well as CTA buttons are.
We recommend attracting an imaginary line concerning midway up your account image, as well as keeping important material (like text or hashtags) over that.
7) Do right-align the things in your cover image
Since your profile picture gets on left, you want to add some equilibrium to your Facebook cover photo layout by having the emphasis of the picture be on the right.
Have a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover photo look much better? The most significant design elements (the profile photo, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the web page, completely missing the name of the product on the top best side.
Not only is including equilibrium a crucial element of style, but it also enables your cover photos to be extra visually effective on mobile. Which brings me to my following factor ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) access the social media specifically from mobile phones. That's huge-- as well as it's specifically why it's so important to maintain mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger portion of your cover picture is shut out because the profile photo as well as the Page name are on top of the cover picture.
Allow's have a look at a real-life instance. Below, take a look at just what Adobe's Facebook Web page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover photo presents at 851 pixels wide by 315 pixels high on desktop, it shows only the center 640 pixels wide by 360 pixels tall on smartphones. Have a look at this Facebook assistance file to learn more.
Notification, by the way, just how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your aesthetic aspects, take care not to place crucial material up until now to the right that it gets removed on mobile.
9) Do integrate the cover picture style with various other parts of your Facebook Page
If you really intend to obtain imaginative with your cover photo, try integrating its design with other parts of your Facebook Web page. You can make your profile picture and cover picture one large canvas, or make use of some design aspects to draw attention to different performances of your Facebook Page.
Below are some suggestions of just what these cover photo assimilations might look like.
Combine your account image and also cover photo.
With a little imagination and some style fine-tunes, you can make your account photo and cover image appear as if they're 2 parts of one canvas. Take a look at among Paris' cover photos for a refined but engaging means to do that.
Keep in mind: Considering that cover photos display in a different way on mobile as well as on desktop, you'll have to pick one layout to make your cover image and also profile combination for. Since cover photos are far more obvious on desktop computer, I would certainly recommend focusing on that format for your cover picture as well as profile picture mix style.
Accentuate the switches on right.
Complying with the very best practices discussed over, WeddingWire places all its important message to the right of their cover image-- not only accomplishing a good style visual, however also drawing attention to the main calls-to-action on the Web page: Like, Comply with, as well as Message.
Note: While it could feel like a good idea to add directional cues like an arrow to obtain individuals to click on the CTA buttons, note that those CTA buttons do not show up similarly on the mobile application. In other words, it could be confusing to mobile customers if you integrate the cover picture layout with the switches.
10) Do include a reduced link in your cover image description that straightens with your page CTA
If you want to use your cover picture to sustain your web page CTA, make certain your cover picture summary additionally includes a message CTA as well as link to the exact same deal. In this manner, whenever people watch your cover picture straight, they could access the download link.
Make certain you shorten your web links and also add UTM codes so you could track click them. Shortening and tracking features are readily available in the HubSpot Marketing System as well as in devices like bitly.
( If you wish to find out more concerning how you can write effective call-to-action copy for your cover photo description, click here to download our complimentary book on creating compelling CTAs.).
11) Do pin a related message right listed below your Facebook cover photo
Have you ever "pinned" a message to your Facebook Page's Timeline? Basically, pinning a message enables you to highlight a typical Facebook article on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the message.
How does this associate with enhancing your Facebook cover picture? Well, if you're spending time aligning your Facebook Page CTA, your cover image layout, as well as your cover image summary duplicate, you ought to likewise make certain to post about the very same point straight to your page, as well as pin that publish to the top of your Timeline.
By doing this, you're giving people one very clear call-to-action when they get here to your page (albeit in a number of various areas)-- which should assist conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, then click the descending arrowhead on the top right edge of the blog post as well as pick "Pin to Top.".
I'll offer you some tips. It's an aesthetic piece of web content that sits at the top of your web page. Its measurements are 851 pixels broad by 315 pixels tall. It occupies practically a quarter of the display on a lot of desktop computer web browsers.
That's right-- it's your Facebook cover image.
Because it is among one of the most obvious parts of your web page, it's essential that you comply with Facebook cover photo finest practices.
Whether you're making use of Facebook to generate leads, shut your next sale, or develop a consumer neighborhood, knowing how you can make and also maximize your cover image is extremely important. Keep reading to discover just what you ought to (and also should not) do in your cover photo.
What Is The Size Of A Facebook Cover Photo
1) Do comply with Facebook's cover picture guidelines
It looks like a piece of cake, however complying with Facebook guidelines is essential to your Facebook Web page existing in the first place. I 'd extremely suggest going through the full Web page Standards, yet below are a couple of vital things to keep in mind for your cover picture:
Your cover is public.
Covers cannot be deceptive, misleading, or infringe on anyone else's copyright.
You can not motivate people to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook could act against your Web page. And also while Facebook does not explicitly say exactly what will occur if you break their Page standards, it's probably not wise to get your Facebook Page taken down over a cover photo offense, so check out the standards completely and also comply with them.
2) Do ensure your Facebook cover picture size is right: 851 px large by 315 px tall
You don't intend to invest all this time creating a cover image ... only to have it look strange when you publish it to Facebook.
Ensure your cover photo will look magnificent from the beginning by ensuring it's the appropriate dimensions: 851 pixels vast and also 315 pixels tall.
If you post an image smaller sized than those dimensions, Facebook will extend it to fit the best size, as long as it's at least 399 pixels broad as well as 150 pixels high.
If you desire a no-hassle way to make sure your cover images are the best size, download our pre-sized design template for Facebook cover photos below.
3) Don't worry regarding the old "20% message" policy, however still attempt to remain aesthetic
Back in 2013, Facebook got rid of any kind of referral to the 20% rule on text in cover pictures ... however that doesn't indicate you ought to go wild with using text in your cover photo. The previous regulation stated that only 20% of your cover photo could be text. Directly, I thought that was way too restrictive for marketers, however the view behind the guideline was a good one.
If you're going to make use of message in your cover photo, maintain that message concise. Your image will be a lot more insightful and engaging.
4) Maintain the picture simple, with a clear focal point
Think about your cover image as the part of your Page that's "over the layer." If it's distracting or low quality, people will certainly be more likely to click off the web page.
Most of the best Facebook cover pictures include a solitary subject as the focal point. They likewise utilize adverse white (i.e., empty space) as an advantage making the subject, any type of copy on there, and various other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) attract attention much more.
5) Don't conceal web content behind your account picture
Because of the way profile pictures are featured on Facebook Pages, there's a section of your cover picture that won't appear unless you click it. Your Page name and the buttons on the bottom right additionally cover sections of your photo.
Inning accordance with Facebook's Aid page, on desktop, the profile image lies 16 pixels from the left edge of the cover photo, as well as 176 pixels from the top of the cover photo.
That being stated, you could likewise utilize this surprise room to your benefit-- perhaps even concealing an Easter egg behind the account image for a competition. However commonly, keeping that space clear is an excellent finest technique.
6) Don't place essential content on the bottom of your photo, either
Your account photo isn't the only part of your cover picture that will be partly concealed on your major Web page. You'll also intend to avoid placing vital material or key parts of your image under of your photo where the name of your Page as well as CTA buttons are.
We recommend attracting an imaginary line concerning midway up your account image, as well as keeping important material (like text or hashtags) over that.
7) Do right-align the things in your cover image
Since your profile picture gets on left, you want to add some equilibrium to your Facebook cover photo layout by having the emphasis of the picture be on the right.
Have a look at these cover images. Which one looks even more visually pleasing?
Doesn't the right-aligned cover photo look much better? The most significant design elements (the profile photo, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the web page, completely missing the name of the product on the top best side.
Not only is including equilibrium a crucial element of style, but it also enables your cover photos to be extra visually effective on mobile. Which brings me to my following factor ...
8) Do keep mobile individuals in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) access the social media specifically from mobile phones. That's huge-- as well as it's specifically why it's so important to maintain mobile users top-of-mind when creating your Facebook cover image.
On mobile, a much larger portion of your cover picture is shut out because the profile photo as well as the Page name are on top of the cover picture.
Allow's have a look at a real-life instance. Below, take a look at just what Adobe's Facebook Web page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover photo presents at 851 pixels wide by 315 pixels high on desktop, it shows only the center 640 pixels wide by 360 pixels tall on smartphones. Have a look at this Facebook assistance file to learn more.
Notification, by the way, just how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your aesthetic aspects, take care not to place crucial material up until now to the right that it gets removed on mobile.
9) Do integrate the cover picture style with various other parts of your Facebook Page
If you really intend to obtain imaginative with your cover photo, try integrating its design with other parts of your Facebook Web page. You can make your profile picture and cover picture one large canvas, or make use of some design aspects to draw attention to different performances of your Facebook Page.
Below are some suggestions of just what these cover photo assimilations might look like.
Combine your account image and also cover photo.
With a little imagination and some style fine-tunes, you can make your account photo and cover image appear as if they're 2 parts of one canvas. Take a look at among Paris' cover photos for a refined but engaging means to do that.
Keep in mind: Considering that cover photos display in a different way on mobile as well as on desktop, you'll have to pick one layout to make your cover image and also profile combination for. Since cover photos are far more obvious on desktop computer, I would certainly recommend focusing on that format for your cover picture as well as profile picture mix style.
Accentuate the switches on right.
Complying with the very best practices discussed over, WeddingWire places all its important message to the right of their cover image-- not only accomplishing a good style visual, however also drawing attention to the main calls-to-action on the Web page: Like, Comply with, as well as Message.
Note: While it could feel like a good idea to add directional cues like an arrow to obtain individuals to click on the CTA buttons, note that those CTA buttons do not show up similarly on the mobile application. In other words, it could be confusing to mobile customers if you integrate the cover picture layout with the switches.
10) Do include a reduced link in your cover image description that straightens with your page CTA
If you want to use your cover picture to sustain your web page CTA, make certain your cover picture summary additionally includes a message CTA as well as link to the exact same deal. In this manner, whenever people watch your cover picture straight, they could access the download link.
Make certain you shorten your web links and also add UTM codes so you could track click them. Shortening and tracking features are readily available in the HubSpot Marketing System as well as in devices like bitly.
( If you wish to find out more concerning how you can write effective call-to-action copy for your cover photo description, click here to download our complimentary book on creating compelling CTAs.).
11) Do pin a related message right listed below your Facebook cover photo
Have you ever "pinned" a message to your Facebook Page's Timeline? Basically, pinning a message enables you to highlight a typical Facebook article on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the message.
How does this associate with enhancing your Facebook cover picture? Well, if you're spending time aligning your Facebook Page CTA, your cover image layout, as well as your cover image summary duplicate, you ought to likewise make certain to post about the very same point straight to your page, as well as pin that publish to the top of your Timeline.
By doing this, you're giving people one very clear call-to-action when they get here to your page (albeit in a number of various areas)-- which should assist conversions.
To pin a Facebook blog post: Merely publish the message to Facebook, then click the descending arrowhead on the top right edge of the blog post as well as pick "Pin to Top.".