What Size is A Facebook Cover Photo
By
Arif Rahman
—
Feb 5, 2018
—
Cover Size
What Size Is A Facebook Cover Photo: When individuals come to your Facebook Web page, where do you believe they first look?
I'll provide you some tips. It's an aesthetic piece of web content that rests on top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It uses up practically a quarter of the screen on the majority of desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it's one of one of the most obvious parts of your web page, it's important that you adhere to Facebook cover photo finest techniques.
Whether you're using Facebook to produce leads, close your following sale, or create a client neighborhood, knowing how you can make and enhance your cover picture is crucial. Read on to learn just what you must (and also should not) carry out in your cover picture.
1) Do comply with Facebook's cover picture standards
It looks like a no-brainer, yet following Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd very suggest reading through the complete Web page Standards, yet below are a few essential points to bear in mind for your cover image:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on any individual else's copyright.
You can not motivate people to post your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook could take action versus your Page. And also while Facebook doesn't explicitly claim what will occur if you breach their Page standards, it's probably not clever to obtain your Facebook Web page removed over a cover picture infraction, so read the guidelines completely as well as adhere to them.
2) Do make certain your Facebook cover image dimension is right: 851 px wide by 315 px tall
You don't intend to invest all this time around developing a cover picture ... just to have it look odd when you publish it to Facebook.
See to it your cover image will look fantastic from the beginning by ensuring it's the best measurements: 851 pixels vast and 315 pixels tall.
If you publish a picture smaller sized compared to those measurements, Facebook will certainly extend it to fit the best size, as long as it goes to least 399 pixels large as well as 150 pixels high.
If you want a no-hassle method to earn sure your cover photos are the ideal size, download our pre-sized template for Facebook cover pictures right here.
3) Don't worry about the old "20% text" guideline, however still aim to remain visual
Back in 2013, Facebook removed any recommendation to the 20% rule on message in cover pictures ... but that doesn't mean you should go wild with utilizing message in your cover picture. The previous rule claimed that just 20% of your cover image could be text. Directly, I thought that was way too restrictive for online marketers, but the belief behind the regulation was a good one.
If you're mosting likely to make use of message in your cover photo, keep that message concise. Your photo will certainly be a lot more informative and also interesting.
4) Maintain the image simple, with a clear focal point
Consider your cover picture as the section of your Web page that's "over the fold." If it's distracting or low quality, people will certainly be most likely to click off the page.
A lot of the very best Facebook cover images include a solitary topic as the prime focus. They additionally use adverse white (i.e., void) as a benefit to earn the topic, any type of duplicate on there, and also other components special to Facebook (like the CTA button on Facebook company Pages) stand apart even more.
5) Don't conceal content behind your account photo
Due to the method account photos are showcased on Facebook Pages, there's a section of your cover picture that will not show up unless you click it. Your Web page name and the buttons under right likewise cover sections of your picture.
Inning accordance with Facebook's Assistance page, on desktop computers, the account photo lies 16 pixels from the left edge of the cover image, and also 176 pixels from the top of the cover photo.
That being claimed, you could likewise utilize this surprise area to your benefit-- maybe even concealing an Easter egg behind the account image for a competition. However usually, maintaining that room clear is an excellent ideal method.
6) Do not place essential content under of your image, either
Your account picture isn't really the only part of your cover image that will certainly be partially hidden on your major Page. You'll likewise intend to prevent placing vital content or crucial parts of your picture on the bottom of your image where the name of your Web page as well as CTA buttons are.
We recommend drawing an imaginary line concerning halfway up your account image, and also maintaining important content (like text or hashtags) above that.
7) Do right-align the things in your cover picture
Since your profile picture gets on left, you intend to include some balance to your Facebook cover picture style by having the focus of the image be on the right.
Have a look at these cover images. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover image look much better? The biggest style aspects (the account image, the message, as well as the beer) are evenly spaced. In the Samsung cover picture, your interest goes right away to the left side of the web page, completely missing the name of the product on the upper right side.
Not just is adding balance an essential component of style, yet it also enables your cover pictures to be extra aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social network solely from smart phones. That's significant-- and also it's specifically why it's so essential to keep mobile customers top-of-mind when creating your Facebook cover photo.
On mobile, a much bigger section of your cover image is shut out because the account image and also the Web page name get on top of the cover photo.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer internet 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 photo presents at 851 pixels large by 315 pixels high on desktop computer, it displays just the center 640 pixels wide by 360 pixels tall on smart devices. Take a look at this Facebook assistance record for more information.
Notice, by the way, how the message in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your visual aspects, be careful not to put vital material until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image design with other parts of your Facebook Page
If you really intend to obtain innovative with your cover photo, try incorporating its design with other parts of your Facebook Page. You can make your account photo and cover photo one big canvas, or make use of some layout elements to accentuate different performances of your Facebook Web page.
Below are some concepts of exactly what these cover photo assimilations might resemble.
Integrate your account picture and also cover picture.
With a little creative thinking as well as some layout modifies, you can make your account picture and cover image look like if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle yet engaging method to do that.
Note: Because cover images present differently on mobile as well as on desktop, you'll have to select one layout to create your cover image as well as profile mix for. Considering that cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that design for your cover picture and profile image mix style.
Draw attention to the switches on right.
Following the best practices discussed over, WeddingWire puts all of its essential message to the right of their cover photo-- not only achieving an excellent design aesthetic, yet also drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Keep in mind: While it might look like a good idea to include directional signs like an arrowhead to obtain people to click on the CTA buttons, note that those CTA buttons don't appear similarly on the mobile application. Simply puts, it may be puzzling to mobile users if you incorporate the cover image design with the buttons.
10) Do consist of a reduced web link in your cover photo summary that lines up with your web page CTA
If you intend to use your cover photo to support your page CTA, make certain your cover picture summary also includes a text CTA and also connect to the exact same offer. By doing this, at any time people watch your cover picture straight, they could access the download link.
Ensure you reduce your web links as well as add UTM codes so you can track clicks on them. Shortening as well as tracking features are readily available in the HubSpot Marketing System as well as in tools like bitly.
( If you wish to learn more concerning ways to write efficient call-to-action duplicate for your cover photo description, click here to download our totally free book on producing engaging CTAs.).
11) Do pin a related blog post right listed below your Facebook cover picture
Have you ever "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a message enables you to highlight a typical Facebook article on the top of your Timeline for seven days. It's indicated by a small yellow flag on the top right of the message.
How does this associate with optimizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Page CTA, your cover image style, and your cover picture description copy, you need to additionally make sure to upload regarding the very same point straight to your web page, and pin that publish to the top of your Timeline.
That way, you're offering individuals one very clear call-to-action when they arrive to your page (albeit in numerous different locations)-- which should help conversions.
To pin a Facebook article: Merely release the message to Facebook, then click the downward arrow on the leading right corner of the post and also select "Pin to Top.".
I'll provide you some tips. It's an aesthetic piece of web content that rests on top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It uses up practically a quarter of the screen on the majority of desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it's one of one of the most obvious parts of your web page, it's important that you adhere to Facebook cover photo finest techniques.
Whether you're using Facebook to produce leads, close your following sale, or create a client neighborhood, knowing how you can make and enhance your cover picture is crucial. Read on to learn just what you must (and also should not) carry out in your cover picture.
What Size Is A Facebook Cover Photo
1) Do comply with Facebook's cover picture standards
It looks like a no-brainer, yet following Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd very suggest reading through the complete Web page Standards, yet below are a few essential points to bear in mind for your cover image:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on any individual else's copyright.
You can not motivate people to post your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook could take action versus your Page. And also while Facebook doesn't explicitly claim what will occur if you breach their Page standards, it's probably not clever to obtain your Facebook Web page removed over a cover picture infraction, so read the guidelines completely as well as adhere to them.
2) Do make certain your Facebook cover image dimension is right: 851 px wide by 315 px tall
You don't intend to invest all this time around developing a cover picture ... just to have it look odd when you publish it to Facebook.
See to it your cover image will look fantastic from the beginning by ensuring it's the best measurements: 851 pixels vast and 315 pixels tall.
If you publish a picture smaller sized compared to those measurements, Facebook will certainly extend it to fit the best size, as long as it goes to least 399 pixels large as well as 150 pixels high.
If you want a no-hassle method to earn sure your cover photos are the ideal size, download our pre-sized template for Facebook cover pictures right here.
3) Don't worry about the old "20% text" guideline, however still aim to remain visual
Back in 2013, Facebook removed any recommendation to the 20% rule on message in cover pictures ... but that doesn't mean you should go wild with utilizing message in your cover picture. The previous rule claimed that just 20% of your cover image could be text. Directly, I thought that was way too restrictive for online marketers, but the belief behind the regulation was a good one.
If you're mosting likely to make use of message in your cover photo, keep that message concise. Your photo will certainly be a lot more informative and also interesting.
4) Maintain the image simple, with a clear focal point
Consider your cover picture as the section of your Web page that's "over the fold." If it's distracting or low quality, people will certainly be most likely to click off the page.
A lot of the very best Facebook cover images include a solitary topic as the prime focus. They additionally use adverse white (i.e., void) as a benefit to earn the topic, any type of duplicate on there, and also other components special to Facebook (like the CTA button on Facebook company Pages) stand apart even more.
5) Don't conceal content behind your account photo
Due to the method account photos are showcased on Facebook Pages, there's a section of your cover picture that will not show up unless you click it. Your Web page name and the buttons under right likewise cover sections of your picture.
Inning accordance with Facebook's Assistance page, on desktop computers, the account photo lies 16 pixels from the left edge of the cover image, and also 176 pixels from the top of the cover photo.
That being claimed, you could likewise utilize this surprise area to your benefit-- maybe even concealing an Easter egg behind the account image for a competition. However usually, maintaining that room clear is an excellent ideal method.
6) Do not place essential content under of your image, either
Your account picture isn't really the only part of your cover image that will certainly be partially hidden on your major Page. You'll likewise intend to prevent placing vital content or crucial parts of your picture on the bottom of your image where the name of your Web page as well as CTA buttons are.
We recommend drawing an imaginary line concerning halfway up your account image, and also maintaining important content (like text or hashtags) above that.
7) Do right-align the things in your cover picture
Since your profile picture gets on left, you intend to include some balance to your Facebook cover picture style by having the focus of the image be on the right.
Have a look at these cover images. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover image look much better? The biggest style aspects (the account image, the message, as well as the beer) are evenly spaced. In the Samsung cover picture, your interest goes right away to the left side of the web page, completely missing the name of the product on the upper right side.
Not just is adding balance an essential component of style, yet it also enables your cover pictures to be extra aesthetically efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social network solely from smart phones. That's significant-- and also it's specifically why it's so essential to keep mobile customers top-of-mind when creating your Facebook cover photo.
On mobile, a much bigger section of your cover image is shut out because the account image and also the Web page name get on top of the cover photo.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer internet 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 photo presents at 851 pixels large by 315 pixels high on desktop computer, it displays just the center 640 pixels wide by 360 pixels tall on smart devices. Take a look at this Facebook assistance record for more information.
Notice, by the way, how the message in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your visual aspects, be careful not to put vital material until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image design with other parts of your Facebook Page
If you really intend to obtain innovative with your cover photo, try incorporating its design with other parts of your Facebook Page. You can make your account photo and cover photo one big canvas, or make use of some layout elements to accentuate different performances of your Facebook Web page.
Below are some concepts of exactly what these cover photo assimilations might resemble.
Integrate your account picture and also cover picture.
With a little creative thinking as well as some layout modifies, you can make your account picture and cover image look like if they're two parts of one canvas. Take a look at among Paris' cover images for a subtle yet engaging method to do that.
Note: Because cover images present differently on mobile as well as on desktop, you'll have to select one layout to create your cover image as well as profile mix for. Considering that cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that design for your cover picture and profile image mix style.
Draw attention to the switches on right.
Following the best practices discussed over, WeddingWire puts all of its essential message to the right of their cover photo-- not only achieving an excellent design aesthetic, yet also drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Keep in mind: While it might look like a good idea to include directional signs like an arrowhead to obtain people to click on the CTA buttons, note that those CTA buttons don't appear similarly on the mobile application. Simply puts, it may be puzzling to mobile users if you incorporate the cover image design with the buttons.
10) Do consist of a reduced web link in your cover photo summary that lines up with your web page CTA
If you intend to use your cover photo to support your page CTA, make certain your cover picture summary also includes a text CTA and also connect to the exact same offer. By doing this, at any time people watch your cover picture straight, they could access the download link.
Ensure you reduce your web links as well as add UTM codes so you can track clicks on them. Shortening as well as tracking features are readily available in the HubSpot Marketing System as well as in tools like bitly.
( If you wish to learn more concerning ways to write efficient call-to-action duplicate for your cover photo description, click here to download our totally free book on producing engaging CTAs.).
11) Do pin a related blog post right listed below your Facebook cover picture
Have you ever "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a message enables you to highlight a typical Facebook article on the top of your Timeline for seven days. It's indicated by a small yellow flag on the top right of the message.
How does this associate with optimizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Page CTA, your cover image style, and your cover picture description copy, you need to additionally make sure to upload regarding the very same point straight to your web page, and pin that publish to the top of your Timeline.
That way, you're offering individuals one very clear call-to-action when they arrive to your page (albeit in numerous different locations)-- which should help conversions.
To pin a Facebook article: Merely release the message to Facebook, then click the downward arrow on the leading right corner of the post and also select "Pin to Top.".