Correct Size for Facebook Cover Photo
By
Arif Rahman
—
Jan 13, 2018
—
Cover Size
Correct Size For Facebook Cover Photo: When people arrive at your Facebook Web page, where do you assume they first look?
I'll provide you some hints. It's an aesthetic piece of material that sits at the top of your page. Its dimensions are 851 pixels wide by 315 pixels tall. It takes up practically a quarter of the screen on many desktop computer browsers.
That's right-- it's your Facebook cover image.
Considering that it is among the most obvious parts of your web page, it's vital that you follow Facebook cover photo best methods.
Whether you're making use of Facebook to generate leads, close your following sale, or develop a consumer neighborhood, understanding how to make as well as enhance your cover image is crucial. Keep reading to discover just what you should (and should not) perform in your cover picture.
1) Do comply with Facebook's cover picture guidelines
It appears like a no-brainer, yet following Facebook standards is vital to your Facebook Page existing in the first place. I 'd extremely suggest going through the complete Web page Standards, however below are a couple of important things to keep in mind for your cover image:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You can't motivate people to publish your cover to their personal timelines.
If you get captured breaching the above terms, Facebook could take action versus your Web page. And while Facebook doesn't explicitly say exactly what will certainly take place if you violate their Web page guidelines, it's possibly not smart to obtain your Facebook Page removed over a cover image infraction, so read the standards in full as well as follow them.
2) Do ensure your Facebook cover picture size is right: 851 px wide by 315 px high
You don't intend to spend all this moment designing a cover image ... only to have it look weird when you post it to Facebook.
See to it your cover picture will certainly look amazing from the outset by ensuring it's the right dimensions: 851 pixels wide and 315 pixels high.
If you submit an image smaller sized compared to those dimensions, Facebook will stretch it to fit the appropriate size, as long as it goes to least 399 pixels vast as well as 150 pixels tall.
If you want a no-hassle method to make sure your cover images are the appropriate size, download our pre-sized theme for Facebook cover photos right here.
3) Don't worry concerning the old "20% message" policy, however still try to remain aesthetic
Back in 2013, Facebook eliminated any type of referral to the 20% guideline on text in cover images ... however that does not mean you must go wild with making use of text in your cover photo. The previous policy claimed that just 20% of your cover image could be text. Directly, I assumed that was way as well restrictive for marketing professionals, however the view behind the guideline was a good one.
If you're going to make use of message in your cover picture, keep that text concise. Your photo will be a lot more insightful and appealing.
4) Keep the image simple, with a clear focal point
Consider your cover image as the portion of your Page that's "above the layer." If it's sidetracking or poor quality, people will certainly be most likely to click off the web page.
Most of the very best Facebook cover images include a single subject as the focal point. They also use negative white (i.e., empty space) as an advantage to earn the subject, any type of copy on there, and various other components distinct to Facebook (like the CTA button on Facebook organisation Pages) stand apart a lot more.
5) Don't conceal web content behind your account photo
Due to the means profile pictures are included on Facebook Pages, there's a section of your cover photo that won't show up unless you click it. Your Page name as well as the buttons on the bottom right likewise cover parts of your photo.
Inning accordance with Facebook's Help page, on desktop computers, the account photo lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you can also use this surprise space to your advantage-- perhaps even hiding an Easter egg behind the account image for a contest. But normally, keeping that room clear is a great finest technique.
6) Don't place vital web content under of your picture, either
Your account image isn't the only part of your cover picture that will be partially hidden on your primary Page. You'll also want to stay clear of placing crucial content or key parts of your photo on the bottom of your photo where the name of your Web page and also CTA switches are.
We advise attracting an imaginary line about midway up your profile photo, as well as keeping vital content (like text or hashtags) above that.
7) Do right-align the objects in your cover picture
Because your profile photo gets on left, you intend to add some balance to your Facebook cover photo design by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover picture look better? The greatest layout elements (the account photo, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes promptly to the left side of the page, entirely missing out on the name of the item on the upper right side.
Not just is including balance an important aspect of style, but it additionally allows for your cover images to be much more aesthetically effective on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social media exclusively from smart phones. That's huge-- as well as it's specifically why it's so essential to keep mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much bigger section of your cover photo is shut out since the profile photo and also the Web page name get on top of the cover image.
Let's take a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels tall on desktop computer, it shows only the facility 640 pixels broad by 360 pixels high on smart devices. Have a look at this Facebook help record for more information.
Notice, by the way, exactly how the text in Adobe's cover image is cut off on the right-hand side. While it looks best to right-align your visual aspects, take care not to put essential web content until now to the right that it gets removed on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Page
If you actually wish to obtain innovative with your cover image, try integrating its layout with various other parts of your Facebook Page. You might make your account picture as well as cover photo one huge canvas, or make use of some layout elements to draw attention to various functionalities of your Facebook Page.
Below are some ideas of exactly what these cover photo combinations may appear like.
Integrate your account picture and cover photo.
With a little creative thinking and also some layout tweaks, you can make your profile picture and cover picture appear as if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle however compelling means to do that.
Note: Considering that cover photos present in different ways on mobile as well as on desktop, you'll need to choose one style to design your cover image and also account mix for. Since cover images are much more noticeable on desktop, I 'd suggest focusing on that design for your cover photo and profile picture combination style.
Draw attention to the switches on right.
Following the best methods stated above, WeddingWire puts all of its important text to the right of their cover picture-- not just achieving a good style aesthetic, however likewise accentuating the main calls-to-action on the Page: Like, Comply with, and Message.
Keep in mind: While it could feel like a smart idea to include directional signs like an arrow to obtain people to click on the CTA switches, keep in mind that those CTA buttons do not show up similarly on the mobile application. In other words, it could be perplexing to mobile individuals if you incorporate the cover photo layout with the switches.
10) Do consist of a shortened web link in your cover image description that lines up with your page CTA
If you intend to utilize your cover photo to support your web page CTA, make sure your cover photo description likewise consists of a message CTA and connect to the very same deal. In this manner, whenever individuals watch your cover image straight, they can access the download web link.
Make certain you reduce your links as well as include UTM codes so you can track click them. Shortening and also tracking attributes are available in the HubSpot Marketing System and in tools like bitly.
( If you wish to discover more about how to create efficient call-to-action copy for your cover photo description, visit this site to download our totally free ebook on developing engaging CTAs.).
11) Do pin a relevant blog post right below your Facebook cover image
Have you ever before "pinned" an article to your Facebook Page's Timeline? Basically, pinning an article permits you to highlight a regular Facebook blog post 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.
Just how does this associate with maximizing your Facebook cover image? Well, if you're spending time straightening your Facebook Web page CTA, your cover image design, as well as your cover photo description copy, you should additionally ensure to post about the same point straight to your web page, and pin that post to the top of your Timeline.
By doing this, you're offering individuals one very clear call-to-action when they arrive to your web page (albeit in numerous various locations)-- which need to assist conversions.
To pin a Facebook message: Merely publish the post to Facebook, after that click the descending arrowhead on the top right edge of the message and also select "Pin to Top.".
I'll provide you some hints. It's an aesthetic piece of material that sits at the top of your page. Its dimensions are 851 pixels wide by 315 pixels tall. It takes up practically a quarter of the screen on many desktop computer browsers.
That's right-- it's your Facebook cover image.
Considering that it is among the most obvious parts of your web page, it's vital that you follow Facebook cover photo best methods.
Whether you're making use of Facebook to generate leads, close your following sale, or develop a consumer neighborhood, understanding how to make as well as enhance your cover image is crucial. Keep reading to discover just what you should (and should not) perform in your cover picture.
Correct Size For Facebook Cover Photo
1) Do comply with Facebook's cover picture guidelines
It appears like a no-brainer, yet following Facebook standards is vital to your Facebook Page existing in the first place. I 'd extremely suggest going through the complete Web page Standards, however below are a couple of important things to keep in mind for your cover image:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You can't motivate people to publish your cover to their personal timelines.
If you get captured breaching the above terms, Facebook could take action versus your Web page. And while Facebook doesn't explicitly say exactly what will certainly take place if you violate their Web page guidelines, it's possibly not smart to obtain your Facebook Page removed over a cover image infraction, so read the standards in full as well as follow them.
2) Do ensure your Facebook cover picture size is right: 851 px wide by 315 px high
You don't intend to spend all this moment designing a cover image ... only to have it look weird when you post it to Facebook.
See to it your cover picture will certainly look amazing from the outset by ensuring it's the right dimensions: 851 pixels wide and 315 pixels high.
If you submit an image smaller sized compared to those dimensions, Facebook will stretch it to fit the appropriate size, as long as it goes to least 399 pixels vast as well as 150 pixels tall.
If you want a no-hassle method to make sure your cover images are the appropriate size, download our pre-sized theme for Facebook cover photos right here.
3) Don't worry concerning the old "20% message" policy, however still try to remain aesthetic
Back in 2013, Facebook eliminated any type of referral to the 20% guideline on text in cover images ... however that does not mean you must go wild with making use of text in your cover photo. The previous policy claimed that just 20% of your cover image could be text. Directly, I assumed that was way as well restrictive for marketing professionals, however the view behind the guideline was a good one.
If you're going to make use of message in your cover picture, keep that text concise. Your photo will be a lot more insightful and appealing.
4) Keep the image simple, with a clear focal point
Consider your cover image as the portion of your Page that's "above the layer." If it's sidetracking or poor quality, people will certainly be most likely to click off the web page.
Most of the very best Facebook cover images include a single subject as the focal point. They also use negative white (i.e., empty space) as an advantage to earn the subject, any type of copy on there, and various other components distinct to Facebook (like the CTA button on Facebook organisation Pages) stand apart a lot more.
5) Don't conceal web content behind your account photo
Due to the means profile pictures are included on Facebook Pages, there's a section of your cover photo that won't show up unless you click it. Your Page name as well as the buttons on the bottom right likewise cover parts of your photo.
Inning accordance with Facebook's Help page, on desktop computers, the account photo lies 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you can also use this surprise space to your advantage-- perhaps even hiding an Easter egg behind the account image for a contest. But normally, keeping that room clear is a great finest technique.
6) Don't place vital web content under of your picture, either
Your account image isn't the only part of your cover picture that will be partially hidden on your primary Page. You'll also want to stay clear of placing crucial content or key parts of your photo on the bottom of your photo where the name of your Web page and also CTA switches are.
We advise attracting an imaginary line about midway up your profile photo, as well as keeping vital content (like text or hashtags) above that.
7) Do right-align the objects in your cover picture
Because your profile photo gets on left, you intend to add some balance to your Facebook cover photo design by having the emphasis of the photo be on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover picture look better? The greatest layout elements (the account photo, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes promptly to the left side of the page, entirely missing out on the name of the item on the upper right side.
Not just is including balance an important aspect of style, but it additionally allows for your cover images to be much more aesthetically effective on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social media exclusively from smart phones. That's huge-- as well as it's specifically why it's so essential to keep mobile customers top-of-mind when developing your Facebook cover image.
On mobile, a much bigger section of your cover photo is shut out since the profile photo and also the Web page name get on top of the cover image.
Let's take a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels tall on desktop computer, it shows only the facility 640 pixels broad by 360 pixels high on smart devices. Have a look at this Facebook help record for more information.
Notice, by the way, exactly how the text in Adobe's cover image is cut off on the right-hand side. While it looks best to right-align your visual aspects, take care not to put essential web content until now to the right that it gets removed on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Page
If you actually wish to obtain innovative with your cover image, try integrating its layout with various other parts of your Facebook Page. You might make your account picture as well as cover photo one huge canvas, or make use of some layout elements to draw attention to various functionalities of your Facebook Page.
Below are some ideas of exactly what these cover photo combinations may appear like.
Integrate your account picture and cover photo.
With a little creative thinking and also some layout tweaks, you can make your profile picture and cover picture appear as if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle however compelling means to do that.
Note: Considering that cover photos present in different ways on mobile as well as on desktop, you'll need to choose one style to design your cover image and also account mix for. Since cover images are much more noticeable on desktop, I 'd suggest focusing on that design for your cover photo and profile picture combination style.
Draw attention to the switches on right.
Following the best methods stated above, WeddingWire puts all of its important text to the right of their cover picture-- not just achieving a good style aesthetic, however likewise accentuating the main calls-to-action on the Page: Like, Comply with, and Message.
Keep in mind: While it could feel like a smart idea to include directional signs like an arrow to obtain people to click on the CTA switches, keep in mind that those CTA buttons do not show up similarly on the mobile application. In other words, it could be perplexing to mobile individuals if you incorporate the cover photo layout with the switches.
10) Do consist of a shortened web link in your cover image description that lines up with your page CTA
If you intend to utilize your cover photo to support your web page CTA, make sure your cover photo description likewise consists of a message CTA and connect to the very same deal. In this manner, whenever individuals watch your cover image straight, they can access the download web link.
Make certain you reduce your links as well as include UTM codes so you can track click them. Shortening and also tracking attributes are available in the HubSpot Marketing System and in tools like bitly.
( If you wish to discover more about how to create efficient call-to-action copy for your cover photo description, visit this site to download our totally free ebook on developing engaging CTAs.).
11) Do pin a relevant blog post right below your Facebook cover image
Have you ever before "pinned" an article to your Facebook Page's Timeline? Basically, pinning an article permits you to highlight a regular Facebook blog post 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.
Just how does this associate with maximizing your Facebook cover image? Well, if you're spending time straightening your Facebook Web page CTA, your cover image design, as well as your cover photo description copy, you should additionally ensure to post about the same point straight to your web page, and pin that post to the top of your Timeline.
By doing this, you're offering individuals one very clear call-to-action when they arrive to your web page (albeit in numerous various locations)-- which need to assist conversions.
To pin a Facebook message: Merely publish the post to Facebook, after that click the descending arrowhead on the top right edge of the message and also select "Pin to Top.".