Cover Photo Size On Facebook
By
Arif Rahman
—
Feb 11, 2018
—
Cover Size
Cover Photo Size On Facebook: When people get to your Facebook Web page, where do you think they initially look?
I'll offer you some tips. It's an aesthetic item of content that sits on top of your web page. Its measurements are 851 pixels wide by 315 pixels high. It occupies virtually a quarter of the screen on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.
Since it's one of the most visible parts of your page, it's vital that you comply with Facebook cover image finest methods.
Whether you're making use of Facebook to generate leads, shut your following sale, or produce a client area, recognizing ways to make and also optimize your cover image is essential. Read on to learn what you need to (and also should not) do in your cover photo.
1) Do abide by Facebook's cover picture standards
It looks like a no-brainer, yet following Facebook guidelines is critical to your Facebook Page existing in the first place. I 'd highly suggest going through the full Page Guidelines, but right here are a couple of important things to keep in mind for your cover photo:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You cannot urge people to upload your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action against your Page. As well as while Facebook doesn't clearly claim what will certainly occur if you violate their Page standards, it's most likely not smart to get your Facebook Page taken down over a cover image violation, so review the guidelines in full and also follow them.
2) Do see to it your Facebook cover picture size is right: 851 px vast by 315 px high
You don't want to invest all this time creating a cover photo ... only to have it look weird when you post it to Facebook.
Make sure your cover picture will look fantastic from the outset by seeing to it it's the appropriate measurements: 851 pixels large as well as 315 pixels tall.
If you upload an image smaller sized than those dimensions, Facebook will extend it to fit the ideal size, as long as it goes to the very least 399 pixels wide as well as 150 pixels high.
If you desire a no-hassle method to make certain your cover pictures are the right dimension, download our pre-sized theme for Facebook cover images here.
3) Don't worry concerning the old "20% message" regulation, however still aim to stay aesthetic
Back in 2013, Facebook removed any type of reference to the 20% rule on text in cover photos ... however that doesn't mean you must go wild with utilizing message in your cover picture. The previous rule said that only 20% of your cover image could be message. Directly, I assumed that was way also restrictive for marketing professionals, but the belief behind the regulation was a good one.
If you're going to make use of message in your cover image, maintain that text concise. Your photo will be far more insightful and appealing.
4) Maintain the image simple, with a clear focal point
Think of your cover photo as the section of your Page that's "above the layer." If it's distracting or low quality, individuals will certainly be more likely to click off the page.
A number of the most effective Facebook cover photos consist of a solitary subject as the centerpiece. They also utilize adverse white (i.e., void) as a benefit to earn the topic, any kind of copy on there, and various other elements distinct to Facebook (like the CTA switch on Facebook service Pages) stand apart much more.
5) Don't hide content behind your account photo
Because of the way account photos are showcased on Facebook Pages, there's an area of your cover image that will not appear unless you click it. Your Web page name as well as the switches on the bottom right likewise cover portions of your photo.
Inning accordance with Facebook's Assistance page, on desktop computers, the account photo lies 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being said, you could also use this concealed space to your advantage-- perhaps even concealing an Easter egg behind the profile picture for a contest. But generally, keeping that area clear is a good ideal practice.
6) Don't place crucial web content under of your picture, either
Your account image isn't the only part of your cover image that will be partly hidden on your major Page. You'll likewise wish to stay clear of putting essential content or vital parts of your image under of your picture where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line about halfway up your profile picture, and also keeping essential web content (like text or hashtags) above that.
7) Do right-align the things in your cover image
Because your account picture is on left, you wish to add some equilibrium to your Facebook cover picture style by having the focus of the photo get on the right.
Take a look at these cover images. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover picture look better? The most significant style components (the account photo, the message, and the beer) are evenly spaced. In the Samsung cover image, your focus goes right away to the left side of the web page, entirely missing the name of the item on the upper best side.
Not only is adding equilibrium an essential component of design, however it likewise allows for your cover images to be a lot more visually efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social media solely from smart phones. That's significant-- as well as it's precisely why it's so important to keep mobile users top-of-mind when developing your Facebook cover image.
On mobile, a much bigger section of your cover image is blocked out due to the fact that the profile image and the Page name are on top of the cover picture.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels tall on desktop computer, it shows only the center 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook help record for additional information.
Notification, incidentally, how the text in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual elements, be careful not to place vital web content until now to the right that it obtains cut off on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Page
If you really want to get innovative with your cover picture, try incorporating its design with other parts of your Facebook Page. You might make your account image and also cover image one large canvas, or use some design aspects to accentuate different performances of your Facebook Web page.
Below are some ideas of just what these cover picture assimilations may appear like.
Integrate your profile photo and cover photo.
With a little imagination and also some style modifies, you could make your profile photo and also cover picture look like if they're 2 parts of one canvas. Have a look at one of Paris' cover photos for a refined but engaging means to do that.
Note: Because cover photos present in different ways on mobile as well as on desktop, you'll have to select one style to develop your cover image as well as account combination for. Since cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover photo and account picture combination style.
Accentuate the buttons on right.
Adhering to the very best techniques discussed above, WeddingWire places all its important text to the right of their cover image-- not just achieving a great layout aesthetic, however likewise drawing attention to the primary calls-to-action on the Page: Like, Adhere to, as well as Message.
Keep in mind: While it could look like a great idea to add directional signs like an arrow to obtain individuals to click on the CTA buttons, keep in mind that those CTA buttons do not appear the same way on the mobile app. Simply puts, it may be perplexing to mobile customers if you integrate the cover photo style with the switches.
10) Do consist of a reduced web link in your cover picture description that aligns with your web page CTA
If you want to use your cover image to sustain your page CTA, ensure your cover picture description likewise includes a text CTA and link to the very same offer. By doing this, any time individuals view your cover picture directly, they could access the download link.
Make certain you reduce your links as well as include UTM codes so you could track click them. Reducing as well as tracking features are available in the HubSpot Marketing Platform as well as in devices like bitly.
( If you intend to find out more about ways to write efficient call-to-action duplicate for your cover photo description, visit this site to download our cost-free book on creating compelling CTAs.).
11) Do pin an associated post right below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a blog post enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a small yellow flag on the leading right of the message.
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 style, and also your cover picture summary duplicate, you need to likewise make certain to post about the same thing straight to your page, and also pin that post to the top of your Timeline.
In this way, you're providing people one extremely clear call-to-action when they get here to your web page (albeit in numerous various places)-- which ought to assist conversions.
To pin a Facebook blog post: Merely publish the blog post to Facebook, then click the down arrowhead on the top right edge of the message and also pick "Pin to Top.".
I'll offer you some tips. It's an aesthetic item of content that sits on top of your web page. Its measurements are 851 pixels wide by 315 pixels high. It occupies virtually a quarter of the screen on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.
Since it's one of the most visible parts of your page, it's vital that you comply with Facebook cover image finest methods.
Whether you're making use of Facebook to generate leads, shut your following sale, or produce a client area, recognizing ways to make and also optimize your cover image is essential. Read on to learn what you need to (and also should not) do in your cover photo.
Cover Photo Size On Facebook
1) Do abide by Facebook's cover picture standards
It looks like a no-brainer, yet following Facebook guidelines is critical to your Facebook Page existing in the first place. I 'd highly suggest going through the full Page Guidelines, but right here are a couple of important things to keep in mind for your cover photo:
Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anybody else's copyright.
You cannot urge people to upload your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook can take action against your Page. As well as while Facebook doesn't clearly claim what will certainly occur if you violate their Page standards, it's most likely not smart to get your Facebook Page taken down over a cover image violation, so review the guidelines in full and also follow them.
2) Do see to it your Facebook cover picture size is right: 851 px vast by 315 px high
You don't want to invest all this time creating a cover photo ... only to have it look weird when you post it to Facebook.
Make sure your cover picture will look fantastic from the outset by seeing to it it's the appropriate measurements: 851 pixels large as well as 315 pixels tall.
If you upload an image smaller sized than those dimensions, Facebook will extend it to fit the ideal size, as long as it goes to the very least 399 pixels wide as well as 150 pixels high.
If you desire a no-hassle method to make certain your cover pictures are the right dimension, download our pre-sized theme for Facebook cover images here.
3) Don't worry concerning the old "20% message" regulation, however still aim to stay aesthetic
Back in 2013, Facebook removed any type of reference to the 20% rule on text in cover photos ... however that doesn't mean you must go wild with utilizing message in your cover picture. The previous rule said that only 20% of your cover image could be message. Directly, I assumed that was way also restrictive for marketing professionals, but the belief behind the regulation was a good one.
If you're going to make use of message in your cover image, maintain that text concise. Your photo will be far more insightful and appealing.
4) Maintain the image simple, with a clear focal point
Think of your cover photo as the section of your Page that's "above the layer." If it's distracting or low quality, individuals will certainly be more likely to click off the page.
A number of the most effective Facebook cover photos consist of a solitary subject as the centerpiece. They also utilize adverse white (i.e., void) as a benefit to earn the topic, any kind of copy on there, and various other elements distinct to Facebook (like the CTA switch on Facebook service Pages) stand apart much more.
5) Don't hide content behind your account photo
Because of the way account photos are showcased on Facebook Pages, there's an area of your cover image that will not appear unless you click it. Your Web page name as well as the switches on the bottom right likewise cover portions of your photo.
Inning accordance with Facebook's Assistance page, on desktop computers, the account photo lies 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being said, you could also use this concealed space to your advantage-- perhaps even concealing an Easter egg behind the profile picture for a contest. But generally, keeping that area clear is a good ideal practice.
6) Don't place crucial web content under of your picture, either
Your account image isn't the only part of your cover image that will be partly hidden on your major Page. You'll likewise wish to stay clear of putting essential content or vital parts of your image under of your picture where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line about halfway up your profile picture, and also keeping essential web content (like text or hashtags) above that.
7) Do right-align the things in your cover image
Because your account picture is on left, you wish to add some equilibrium to your Facebook cover picture style by having the focus of the photo get on the right.
Take a look at these cover images. Which one looks even more aesthetically pleasing?
Does not the right-aligned cover picture look better? The most significant style components (the account photo, the message, and the beer) are evenly spaced. In the Samsung cover image, your focus goes right away to the left side of the web page, entirely missing the name of the item on the upper best side.
Not only is adding equilibrium an essential component of design, however it likewise allows for your cover images to be a lot more visually efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social media solely from smart phones. That's significant-- as well as it's precisely why it's so important to keep mobile users top-of-mind when developing your Facebook cover image.
On mobile, a much bigger section of your cover image is blocked out due to the fact that the profile image and the Page name are on top of the cover picture.
Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels tall on desktop computer, it shows only the center 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook help record for additional information.
Notification, incidentally, how the text in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual elements, be careful not to place vital web content until now to the right that it obtains cut off on mobile.
9) Do integrate the cover photo design with various other parts of your Facebook Page
If you really want to get innovative with your cover picture, try incorporating its design with other parts of your Facebook Page. You might make your account image and also cover image one large canvas, or use some design aspects to accentuate different performances of your Facebook Web page.
Below are some ideas of just what these cover picture assimilations may appear like.
Integrate your profile photo and cover photo.
With a little imagination and also some style modifies, you could make your profile photo and also cover picture look like if they're 2 parts of one canvas. Have a look at one of Paris' cover photos for a refined but engaging means to do that.
Note: Because cover photos present in different ways on mobile as well as on desktop, you'll have to select one style to develop your cover image as well as account combination for. Since cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover photo and account picture combination style.
Accentuate the buttons on right.
Adhering to the very best techniques discussed above, WeddingWire places all its important text to the right of their cover image-- not just achieving a great layout aesthetic, however likewise drawing attention to the primary calls-to-action on the Page: Like, Adhere to, as well as Message.
Keep in mind: While it could look like a great idea to add directional signs like an arrow to obtain individuals to click on the CTA buttons, keep in mind that those CTA buttons do not appear the same way on the mobile app. Simply puts, it may be perplexing to mobile customers if you integrate the cover photo style with the switches.
10) Do consist of a reduced web link in your cover picture description that aligns with your web page CTA
If you want to use your cover image to sustain your page CTA, ensure your cover picture description likewise includes a text CTA and link to the very same offer. By doing this, any time individuals view your cover picture directly, they could access the download link.
Make certain you reduce your links as well as include UTM codes so you could track click them. Reducing as well as tracking features are available in the HubSpot Marketing Platform as well as in devices like bitly.
( If you intend to find out more about ways to write efficient call-to-action duplicate for your cover photo description, visit this site to download our cost-free book on creating compelling CTAs.).
11) Do pin an associated post right below your Facebook cover photo
Have you ever before "pinned" a post to your Facebook Web page's Timeline? Essentially, pinning a blog post enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a small yellow flag on the leading right of the message.
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 style, and also your cover picture summary duplicate, you need to likewise make certain to post about the same thing straight to your page, and also pin that post to the top of your Timeline.
In this way, you're providing people one extremely clear call-to-action when they get here to your web page (albeit in numerous various places)-- which ought to assist conversions.
To pin a Facebook blog post: Merely publish the blog post to Facebook, then click the down arrowhead on the top right edge of the message and also pick "Pin to Top.".