Facebook Cover Photo Size
By
MUFY UJASH
—
Dec 12, 2017
—
Cover Size
Facebook Cover Photo Size: When people come to your Facebook Page, where do you assume they initially look?
I'll give you some hints. It's a visual item of content that rests on top of your page. Its measurements are 851 pixels vast by 315 pixels tall. It uses up nearly a quarter of the display on the majority of desktop web browsers.
That's right-- it's your Facebook cover picture.
Given that it is among the most visible parts of your web page, it's essential that you follow Facebook cover photo ideal methods.
Whether you're making use of Facebook to produce leads, shut your next sale, or create a consumer neighborhood, understanding ways to make and also maximize your cover photo is crucial. Keep reading to learn what you need to (and shouldn't) do in your cover picture.
1) Do abide by Facebook's cover photo guidelines
It appears like a piece of cake, yet complying with Facebook standards is critical to your Facebook Page existing to begin with. I 'd highly recommend going through the complete Page Standards, but right here are a few crucial things to bear in mind for your cover image:
Your cover is public.
Covers can not be deceitful, deceptive, or infringe on anybody else's copyright.
You can't encourage people to submit your cover to their individual timelines.
If you get captured breaching the above terms, Facebook can do something about it versus your Web page. As well as while Facebook doesn't explicitly say what will certainly take place if you violate their Web page standards, it's probably not smart to obtain your Facebook Page taken down over a cover photo offense, so read the standards in full and also adhere to them.
2) Do make certain your Facebook cover photo size is right: 851 px vast by 315 px high
You don't wish to invest all this time developing a cover picture ... just to have it look odd when you post it to Facebook.
Make certain your cover image will look incredible from the start by making certain it's the appropriate measurements: 851 pixels vast as well as 315 pixels high.
If you publish a picture smaller sized compared to those dimensions, Facebook will certainly extend it to fit the right dimension, as long as it goes to least 399 pixels vast as well as 150 pixels tall.
If you desire a no-hassle method making sure your cover pictures are the right size, download our pre-sized template for Facebook cover photos here.
3) Don't worry regarding the old "20% text" rule, however still try to remain aesthetic
Back in 2013, Facebook got rid of any kind of recommendation to the 20% guideline on message in cover photos ... however that doesn't suggest you must go wild with utilizing message in your cover picture. The previous rule said that only 20% of your cover image could be text. Directly, I believed that was way too limiting for online marketers, but the belief behind the policy was a good one.
If you're going to use text in your cover photo, keep that message concise. Your photo will certainly be much more informative as well as interesting.
4) Maintain the image simple, with a clear focal point
Think of your cover picture as the part of your Page that's "above the layer." If it's sidetracking or low quality, people will certainly be more likely to click off the web page.
A lot of the best Facebook cover pictures consist of a solitary subject as the prime focus. They additionally utilize negative white (i.e., void) as a benefit to earn the subject, any kind of copy on there, as well as other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
5) Do not conceal content behind your account photo
Due to the method profile images are included on Facebook Pages, there's an area of your cover image that won't appear unless you click it. Your Page name as well as the switches on the bottom right additionally cover portions of your picture.
According to Facebook's Assistance page, on desktop, the account image is located 16 pixels from the left side of the cover image, as well as 176 pixels from the top of the cover picture.
That being stated, you could also utilize this covert area to your benefit-- perhaps even hiding an Easter egg behind the profile picture for a competition. But usually, keeping that area clear is an excellent finest practice.
6) Do not put essential web content on the bottom of your image, either
Your profile image isn't really the only part of your cover picture that will certainly be partially hidden on your main Web page. You'll also intend to prevent putting essential content or crucial parts of your photo under of your picture where the name of your Web page and also CTA buttons are.
We advise attracting an imaginary line concerning midway up your account picture, and keeping vital material (like message or hashtags) over that.
7) Do right-align the things in your cover image
Considering that your account photo gets on left, you intend to include some equilibrium to your Facebook cover picture style by having the emphasis of the picture get on the right.
Take a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look better? The most significant layout aspects (the account picture, the text, and the beer) are equally spaced. In the Samsung cover picture, your interest goes quickly to the left side of the web page, completely missing the name of the item on the top best side.
Not only is adding equilibrium a critical aspect of layout, yet it likewise enables your cover photos to be extra aesthetically efficient on mobile. Which brings me to my following point ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) accessibility the social media network specifically from mobile phones. That's big-- and it's specifically why it's so crucial to keep mobile users top-of-mind when making your Facebook cover picture.
On mobile, a much bigger portion of your cover photo is shut out since the profile photo and the Page name are on top of the cover picture.
Let's take a look at a real-life instance. Below, have a look at exactly what Adobe's Facebook Page resembles in a desktop browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover picture presents at 851 pixels vast by 315 pixels tall on desktop, it shows only the facility 640 pixels wide by 360 pixels high on smartphones. Have a look at this Facebook assistance paper for more details.
Notification, incidentally, just how the message in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your aesthetic aspects, beware not to put vital web content until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover photo layout with other parts of your Facebook Page
If you really wish to obtain imaginative with your cover image, try incorporating its style with various other parts of your Facebook Web page. You might make your profile image and also cover image one large canvas, or use some design components to accentuate various functionalities of your Facebook Page.
Below are some ideas of what these cover image combinations could look like.
Combine your profile image as well as cover picture.
With a little creative thinking and some design fine-tunes, you could make your account picture as well as cover photo appear as if they're two parts of one canvas. Take a look at one of Paris' cover images for a refined however engaging means to do that.
Keep in mind: Considering that cover photos present in a different way on mobile and also on desktop computer, you'll have to pick one layout to create your cover picture as well as account mix for. Since cover pictures are far more obvious on desktop, I 'd recommend focusing on that design for your cover photo as well as account photo combination design.
Accentuate the switches on right.
Following the most effective practices discussed over, WeddingWire places every one of its crucial message to the right of their cover picture-- not just achieving a great design visual, however likewise accentuating the primary calls-to-action on the Web page: Like, Adhere to, as well as Message.
Keep in mind: While it may look like a great idea to add directional cues like an arrowhead to get people to click the CTA buttons, keep in mind that those CTA buttons don't show up similarly on the mobile app. To puts it simply, it could be perplexing to mobile individuals if you incorporate the cover picture style with the buttons.
10) Do consist of a reduced web link in your cover photo summary that straightens with your web page CTA
If you wish to use your cover photo to sustain your page CTA, make certain your cover image summary additionally consists of a text CTA as well as connect to the exact same offer. This way, at any time people watch your cover picture directly, they can access the download web link.
Make certain you reduce your web links as well as include UTM codes so you could track clicks on them. Shortening and also tracking functions are available in the HubSpot Advertising And Marketing Platform as well as in devices like bitly.
( If you wish to find out more regarding how to write reliable call-to-action copy for your cover picture summary, click on this link to download our cost-free book on developing compelling CTAs.).
11) Do pin an associated post right below your Facebook cover photo
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Primarily, pinning a post permits you to highlight a common Facebook blog post on the top of your Timeline for seven days. It's signified by a small yellow flag on the top right of the post.
Just how does this associate with maximizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Web page CTA, your cover image layout, and your cover picture description duplicate, you need to likewise see to it to post about the same point straight to your web page, as well as pin that post to the top of your Timeline.
That way, you're giving individuals one extremely clear call-to-action when they show up to your page (albeit in several different places)-- which ought to aid conversions.
To pin a Facebook article: Just publish the message to Facebook, after that click the down arrow on the leading right corner of the message and pick "Pin to Top.".
I'll give you some hints. It's a visual item of content that rests on top of your page. Its measurements are 851 pixels vast by 315 pixels tall. It uses up nearly a quarter of the display on the majority of desktop web browsers.
That's right-- it's your Facebook cover picture.
Given that it is among the most visible parts of your web page, it's essential that you follow Facebook cover photo ideal methods.
Whether you're making use of Facebook to produce leads, shut your next sale, or create a consumer neighborhood, understanding ways to make and also maximize your cover photo is crucial. Keep reading to learn what you need to (and shouldn't) do in your cover picture.
Facebook Cover Photo Size
1) Do abide by Facebook's cover photo guidelines
It appears like a piece of cake, yet complying with Facebook standards is critical to your Facebook Page existing to begin with. I 'd highly recommend going through the complete Page Standards, but right here are a few crucial things to bear in mind for your cover image:
Your cover is public.
Covers can not be deceitful, deceptive, or infringe on anybody else's copyright.
You can't encourage people to submit your cover to their individual timelines.
If you get captured breaching the above terms, Facebook can do something about it versus your Web page. As well as while Facebook doesn't explicitly say what will certainly take place if you violate their Web page standards, it's probably not smart to obtain your Facebook Page taken down over a cover photo offense, so read the standards in full and also adhere to them.
2) Do make certain your Facebook cover photo size is right: 851 px vast by 315 px high
You don't wish to invest all this time developing a cover picture ... just to have it look odd when you post it to Facebook.
Make certain your cover image will look incredible from the start by making certain it's the appropriate measurements: 851 pixels vast as well as 315 pixels high.
If you publish a picture smaller sized compared to those dimensions, Facebook will certainly extend it to fit the right dimension, as long as it goes to least 399 pixels vast as well as 150 pixels tall.
If you desire a no-hassle method making sure your cover pictures are the right size, download our pre-sized template for Facebook cover photos here.
3) Don't worry regarding the old "20% text" rule, however still try to remain aesthetic
Back in 2013, Facebook got rid of any kind of recommendation to the 20% guideline on message in cover photos ... however that doesn't suggest you must go wild with utilizing message in your cover picture. The previous rule said that only 20% of your cover image could be text. Directly, I believed that was way too limiting for online marketers, but the belief behind the policy was a good one.
If you're going to use text in your cover photo, keep that message concise. Your photo will certainly be much more informative as well as interesting.
4) Maintain the image simple, with a clear focal point
Think of your cover picture as the part of your Page that's "above the layer." If it's sidetracking or low quality, people will certainly be more likely to click off the web page.
A lot of the best Facebook cover pictures consist of a solitary subject as the prime focus. They additionally utilize negative white (i.e., void) as a benefit to earn the subject, any kind of copy on there, as well as other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
5) Do not conceal content behind your account photo
Due to the method profile images are included on Facebook Pages, there's an area of your cover image that won't appear unless you click it. Your Page name as well as the switches on the bottom right additionally cover portions of your picture.
According to Facebook's Assistance page, on desktop, the account image is located 16 pixels from the left side of the cover image, as well as 176 pixels from the top of the cover picture.
That being stated, you could also utilize this covert area to your benefit-- perhaps even hiding an Easter egg behind the profile picture for a competition. But usually, keeping that area clear is an excellent finest practice.
6) Do not put essential web content on the bottom of your image, either
Your profile image isn't really the only part of your cover picture that will certainly be partially hidden on your main Web page. You'll also intend to prevent putting essential content or crucial parts of your photo under of your picture where the name of your Web page and also CTA buttons are.
We advise attracting an imaginary line concerning midway up your account picture, and keeping vital material (like message or hashtags) over that.
7) Do right-align the things in your cover image
Considering that your account photo gets on left, you intend to include some equilibrium to your Facebook cover picture style by having the emphasis of the picture get on the right.
Take a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look better? The most significant layout aspects (the account picture, the text, and the beer) are equally spaced. In the Samsung cover picture, your interest goes quickly to the left side of the web page, completely missing the name of the item on the top best side.
Not only is adding equilibrium a critical aspect of layout, yet it likewise enables your cover photos to be extra aesthetically efficient on mobile. Which brings me to my following point ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) accessibility the social media network specifically from mobile phones. That's big-- and it's specifically why it's so crucial to keep mobile users top-of-mind when making your Facebook cover picture.
On mobile, a much bigger portion of your cover photo is shut out since the profile photo and the Page name are on top of the cover picture.
Let's take a look at a real-life instance. Below, have a look at exactly what Adobe's Facebook Page resembles in a desktop browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover picture presents at 851 pixels vast by 315 pixels tall on desktop, it shows only the facility 640 pixels wide by 360 pixels high on smartphones. Have a look at this Facebook assistance paper for more details.
Notification, incidentally, just how the message in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your aesthetic aspects, beware not to put vital web content until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover photo layout with other parts of your Facebook Page
If you really wish to obtain imaginative with your cover image, try incorporating its style with various other parts of your Facebook Web page. You might make your profile image and also cover image one large canvas, or use some design components to accentuate various functionalities of your Facebook Page.
Below are some ideas of what these cover image combinations could look like.
Combine your profile image as well as cover picture.
With a little creative thinking and some design fine-tunes, you could make your account picture as well as cover photo appear as if they're two parts of one canvas. Take a look at one of Paris' cover images for a refined however engaging means to do that.
Keep in mind: Considering that cover photos present in a different way on mobile and also on desktop computer, you'll have to pick one layout to create your cover picture as well as account mix for. Since cover pictures are far more obvious on desktop, I 'd recommend focusing on that design for your cover photo as well as account photo combination design.
Accentuate the switches on right.
Following the most effective practices discussed over, WeddingWire places every one of its crucial message to the right of their cover picture-- not just achieving a great design visual, however likewise accentuating the primary calls-to-action on the Web page: Like, Adhere to, as well as Message.
Keep in mind: While it may look like a great idea to add directional cues like an arrowhead to get people to click the CTA buttons, keep in mind that those CTA buttons don't show up similarly on the mobile app. To puts it simply, it could be perplexing to mobile individuals if you incorporate the cover picture style with the buttons.
10) Do consist of a reduced web link in your cover photo summary that straightens with your web page CTA
If you wish to use your cover photo to sustain your page CTA, make certain your cover image summary additionally consists of a text CTA as well as connect to the exact same offer. This way, at any time people watch your cover picture directly, they can access the download web link.
Make certain you reduce your web links as well as include UTM codes so you could track clicks on them. Shortening and also tracking functions are available in the HubSpot Advertising And Marketing Platform as well as in devices like bitly.
( If you wish to find out more regarding how to write reliable call-to-action copy for your cover picture summary, click on this link to download our cost-free book on developing compelling CTAs.).
11) Do pin an associated post right below your Facebook cover photo
Have you ever before "pinned" a blog post to your Facebook Web page's Timeline? Primarily, pinning a post permits you to highlight a common Facebook blog post on the top of your Timeline for seven days. It's signified by a small yellow flag on the top right of the post.
Just how does this associate with maximizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Web page CTA, your cover image layout, and your cover picture description duplicate, you need to likewise see to it to post about the same point straight to your web page, as well as pin that post to the top of your Timeline.
That way, you're giving individuals one extremely clear call-to-action when they show up to your page (albeit in several different places)-- which ought to aid conversions.
To pin a Facebook article: Just publish the message to Facebook, after that click the down arrow on the leading right corner of the message and pick "Pin to Top.".