Cover Facebook Size
By
Arif Rahman
—
Feb 23, 2018
—
Cover Size
Cover Facebook Size: When people get to your Facebook Page, where do you assume they first look?
I'll give you some tips. It's a visual item of material that sits at the top of your web page. Its dimensions are 851 pixels vast by 315 pixels high. It takes up virtually a quarter of the screen on many desktop internet browsers.
That's right-- it's your Facebook cover image.
Because it's one of one of the most visible parts of your web page, it's crucial that you comply with Facebook cover picture finest practices.
Whether you're using Facebook to generate leads, close your next sale, or develop a client neighborhood, understanding the best ways to make as well as enhance your cover image is essential. Read on to learn what you must (and also shouldn't) carry out in your cover picture.
1) Do abide by Facebook's cover picture standards
It feels like a piece of cake, yet complying with Facebook standards is important to your Facebook Web page existing in the first place. I 'd extremely suggest checking out the full Web page Standards, yet below are a few important points to remember for your cover photo:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on any person else's copyright.
You cannot encourage individuals to post your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook could act versus your Page. And also while Facebook doesn't clearly say what will certainly happen if you break their Web page standards, it's most likely not clever to obtain your Facebook Web page taken down over a cover image offense, so check out the guidelines in full and comply with them.
2) Do ensure your Facebook cover photo dimension is right: 851 px vast by 315 px tall
You don't want to invest all this time making a cover image ... just to have it look weird when you publish it to Facebook.
Ensure your cover picture will look amazing from the outset by ensuring it's the appropriate dimensions: 851 pixels vast as well as 315 pixels high.
If you submit a picture smaller compared to those dimensions, Facebook will extend it to fit the best size, as long as it's at least 399 pixels wide and also 150 pixels high.
If you want a no-hassle way making sure your cover pictures are the right size, download our pre-sized theme for Facebook cover images here.
3) Don't worry concerning the old "20% text" policy, yet still aim to stay visual
Back in 2013, Facebook eliminated any recommendation to the 20% guideline on text in cover pictures ... but that does not indicate you should go wild with using message in your cover picture. The previous policy stated that only 20% of your cover image could be message. Personally, I assumed that was way also restrictive for marketing professionals, however the view behind the rule was a good one.
If you're mosting likely to utilize message in your cover image, maintain that message concise. Your photo will certainly be a lot more interesting as well as appealing.
4) Keep the image simple, with a clear centerpiece
Consider your cover image as the section of your Page that's "above the fold." If it's sidetracking or poor quality, individuals will certainly be more probable to click off the web page.
Most of the best Facebook cover photos include a solitary subject as the centerpiece. They likewise utilize adverse white (i.e., empty space) as an advantage making the topic, any kind of copy on there, and also other components unique to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
5) Don't hide material behind your account picture
Because of the way profile pictures are showcased on Facebook Pages, there's an area of your cover photo that won't appear unless you click it. Your Web page name and also the buttons under right additionally cover portions of your picture.
Inning accordance with Facebook's Aid page, on desktop computers, the account photo is located 16 pixels from the left edge of the cover picture, and 176 pixels from the top of the cover photo.
That being said, you could likewise use this concealed room to your advantage-- perhaps even hiding an Easter egg behind the profile picture for a contest. However generally, maintaining that space clear is a good best method.
6) Don't place crucial material on the bottom of your photo, either
Your account picture isn't really the only part of your cover picture that will certainly be partially concealed on your main Web page. You'll also intend to avoid putting vital web content or vital parts of your image under of your picture where the name of your Page and also CTA buttons are.
We recommend attracting an imaginary line concerning halfway up your account picture, and keeping essential content (like message or hashtags) over that.
7) Do right-align the items in your cover image
Because your profile photo gets on left, you want to include some equilibrium to your Facebook cover image style by having the focus of the photo get on the right.
Have a look at these cover photos. Which one looks even more visually pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the account photo, the text, and the beer) are equally spaced. In the Samsung cover photo, your attention goes quickly to the left side of the page, entirely missing the name of the product on the top right side.
Not only is adding balance a critical element of design, but it also permits your cover images to be extra visually efficient on mobile. Which brings me to my next factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) access the social media network specifically from smart phones. That's significant-- as well as it's exactly why it's so vital to keep mobile users top-of-mind when designing your Facebook cover image.
On mobile, a much bigger part of your cover picture is blocked out because the account image as well as the Web page name get on top of the cover image.
Allow's take a look at a real-life example. Below, take a look at what Adobe's Facebook Web page appears like in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover picture shows at 851 pixels broad by 315 pixels high on desktop computer, it shows just the center 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook assistance file for more details.
Notification, by the way, exactly how the message in Adobe's cover image is cut off on the right-hand side. While it looks finest to right-align your visual components, take care not to put vital web content so far to the right that it obtains removed on mobile.
9) Do integrate the cover picture layout with other parts of your Facebook Web page
If you truly wish to obtain imaginative with your cover picture, attempt integrating its design with various other parts of your Facebook Page. You can make your account photo as well as cover photo one big canvas, or make use of some style aspects to draw attention to various performances of your Facebook Page.
Below are some suggestions of exactly what these cover picture combinations could look like.
Incorporate your profile picture and also cover image.
With a little creative thinking as well as some style fine-tunes, you can make your account image as well as cover photo appear as if they're two parts of one canvas. Check out among Paris' cover photos for a refined but compelling way to do that.
Keep in mind: Considering that cover photos present differently on mobile and on desktop computer, you'll have to pick one style to create your cover picture and also profile mix for. Given that cover pictures are a lot more visible on desktop, I would certainly recommend focusing on that layout for your cover image and also account image mix layout.
Draw attention to the buttons on right.
Complying with the best practices discussed over, WeddingWire places all its crucial text to the right of their cover photo-- not only achieving a great style visual, however likewise drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Keep in mind: While it might appear like a great idea to add directional cues like an arrowhead to get individuals to click the CTA buttons, note that those CTA buttons do not show up similarly on the mobile app. To puts it simply, it may be puzzling to mobile individuals if you integrate the cover photo style with the buttons.
10) Do consist of a shortened web link in your cover photo summary that straightens with your web page CTA
If you want to utilize your cover image to sustain your page CTA, ensure your cover image description likewise includes a text CTA and connect to the exact same deal. In this manner, any time individuals view your cover photo directly, they could access the download web link.
Ensure you reduce your web links as well as add UTM codes so you can track click them. Shortening as well as tracking features are offered in the HubSpot Advertising And Marketing System and also in devices like bitly.
( If you want to find out more concerning how you can create reliable call-to-action copy for your cover picture description, go here to download our complimentary e-book on producing compelling CTAs.).
11) Do pin an associated post right listed below your Facebook cover picture
Have you ever before "pinned" a post to your Facebook Page's Timeline? Essentially, pinning a message allows you to highlight a typical Facebook blog post on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the post.
Just how does this connect to optimizing your Facebook cover image? Well, if you're spending time aligning your Facebook Page CTA, your cover image layout, and also your cover picture summary copy, you must likewise see to it to post concerning the very same point directly to your web page, as well as pin that upload to the top of your Timeline.
This way, you're offering people one extremely clear call-to-action when they show up to your web page (albeit in numerous different locations)-- which must aid conversions.
To pin a Facebook post: Just publish the message to Facebook, after that click the descending arrow on the leading right edge of the post and select "Pin to Top.".
I'll give you some tips. It's a visual item of material that sits at the top of your web page. Its dimensions are 851 pixels vast by 315 pixels high. It takes up virtually a quarter of the screen on many desktop internet browsers.
That's right-- it's your Facebook cover image.
Because it's one of one of the most visible parts of your web page, it's crucial that you comply with Facebook cover picture finest practices.
Whether you're using Facebook to generate leads, close your next sale, or develop a client neighborhood, understanding the best ways to make as well as enhance your cover image is essential. Read on to learn what you must (and also shouldn't) carry out in your cover picture.
Cover Facebook Size
1) Do abide by Facebook's cover picture standards
It feels like a piece of cake, yet complying with Facebook standards is important to your Facebook Web page existing in the first place. I 'd extremely suggest checking out the full Web page Standards, yet below are a few important points to remember for your cover photo:
Your cover is public.
Covers can not be misleading, deceptive, or infringe on any person else's copyright.
You cannot encourage individuals to post your cover to their individual timelines.
If you obtain caught breaching the above terms, Facebook could act versus your Page. And also while Facebook doesn't clearly say what will certainly happen if you break their Web page standards, it's most likely not clever to obtain your Facebook Web page taken down over a cover image offense, so check out the guidelines in full and comply with them.
2) Do ensure your Facebook cover photo dimension is right: 851 px vast by 315 px tall
You don't want to invest all this time making a cover image ... just to have it look weird when you publish it to Facebook.
Ensure your cover picture will look amazing from the outset by ensuring it's the appropriate dimensions: 851 pixels vast as well as 315 pixels high.
If you submit a picture smaller compared to those dimensions, Facebook will extend it to fit the best size, as long as it's at least 399 pixels wide and also 150 pixels high.
If you want a no-hassle way making sure your cover pictures are the right size, download our pre-sized theme for Facebook cover images here.
3) Don't worry concerning the old "20% text" policy, yet still aim to stay visual
Back in 2013, Facebook eliminated any recommendation to the 20% guideline on text in cover pictures ... but that does not indicate you should go wild with using message in your cover picture. The previous policy stated that only 20% of your cover image could be message. Personally, I assumed that was way also restrictive for marketing professionals, however the view behind the rule was a good one.
If you're mosting likely to utilize message in your cover image, maintain that message concise. Your photo will certainly be a lot more interesting as well as appealing.
4) Keep the image simple, with a clear centerpiece
Consider your cover image as the section of your Page that's "above the fold." If it's sidetracking or poor quality, individuals will certainly be more probable to click off the web page.
Most of the best Facebook cover photos include a solitary subject as the centerpiece. They likewise utilize adverse white (i.e., empty space) as an advantage making the topic, any kind of copy on there, and also other components unique to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
5) Don't hide material behind your account picture
Because of the way profile pictures are showcased on Facebook Pages, there's an area of your cover photo that won't appear unless you click it. Your Web page name and also the buttons under right additionally cover portions of your picture.
Inning accordance with Facebook's Aid page, on desktop computers, the account photo is located 16 pixels from the left edge of the cover picture, and 176 pixels from the top of the cover photo.
That being said, you could likewise use this concealed room to your advantage-- perhaps even hiding an Easter egg behind the profile picture for a contest. However generally, maintaining that space clear is a good best method.
6) Don't place crucial material on the bottom of your photo, either
Your account picture isn't really the only part of your cover picture that will certainly be partially concealed on your main Web page. You'll also intend to avoid putting vital web content or vital parts of your image under of your picture where the name of your Page and also CTA buttons are.
We recommend attracting an imaginary line concerning halfway up your account picture, and keeping essential content (like message or hashtags) over that.
7) Do right-align the items in your cover image
Because your profile photo gets on left, you want to include some equilibrium to your Facebook cover image style by having the focus of the photo get on the right.
Have a look at these cover photos. Which one looks even more visually pleasing?
Does not the right-aligned cover picture look better? The greatest style elements (the account photo, the text, and the beer) are equally spaced. In the Samsung cover photo, your attention goes quickly to the left side of the page, entirely missing the name of the product on the top right side.
Not only is adding balance a critical element of design, but it also permits your cover images to be extra visually efficient on mobile. Which brings me to my next factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) access the social media network specifically from smart phones. That's significant-- as well as it's exactly why it's so vital to keep mobile users top-of-mind when designing your Facebook cover image.
On mobile, a much bigger part of your cover picture is blocked out because the account image as well as the Web page name get on top of the cover image.
Allow's take a look at a real-life example. Below, take a look at what Adobe's Facebook Web page appears like in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the photo are cut off on mobile. Whereas your cover picture shows at 851 pixels broad by 315 pixels high on desktop computer, it shows just the center 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook assistance file for more details.
Notification, by the way, exactly how the message in Adobe's cover image is cut off on the right-hand side. While it looks finest to right-align your visual components, take care not to put vital web content so far to the right that it obtains removed on mobile.
9) Do integrate the cover picture layout with other parts of your Facebook Web page
If you truly wish to obtain imaginative with your cover picture, attempt integrating its design with various other parts of your Facebook Page. You can make your account photo as well as cover photo one big canvas, or make use of some style aspects to draw attention to various performances of your Facebook Page.
Below are some suggestions of exactly what these cover picture combinations could look like.
Incorporate your profile picture and also cover image.
With a little creative thinking as well as some style fine-tunes, you can make your account image as well as cover photo appear as if they're two parts of one canvas. Check out among Paris' cover photos for a refined but compelling way to do that.
Keep in mind: Considering that cover photos present differently on mobile and on desktop computer, you'll have to pick one style to create your cover picture and also profile mix for. Given that cover pictures are a lot more visible on desktop, I would certainly recommend focusing on that layout for your cover image and also account image mix layout.
Draw attention to the buttons on right.
Complying with the best practices discussed over, WeddingWire places all its crucial text to the right of their cover photo-- not only achieving a great style visual, however likewise drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Keep in mind: While it might appear like a great idea to add directional cues like an arrowhead to get individuals to click the CTA buttons, note that those CTA buttons do not show up similarly on the mobile app. To puts it simply, it may be puzzling to mobile individuals if you integrate the cover photo style with the buttons.
10) Do consist of a shortened web link in your cover photo summary that straightens with your web page CTA
If you want to utilize your cover image to sustain your page CTA, ensure your cover image description likewise includes a text CTA and connect to the exact same deal. In this manner, any time individuals view your cover photo directly, they could access the download web link.
Ensure you reduce your web links as well as add UTM codes so you can track click them. Shortening as well as tracking features are offered in the HubSpot Advertising And Marketing System and also in devices like bitly.
( If you want to find out more concerning how you can create reliable call-to-action copy for your cover picture description, go here to download our complimentary e-book on producing compelling CTAs.).
11) Do pin an associated post right listed below your Facebook cover picture
Have you ever before "pinned" a post to your Facebook Page's Timeline? Essentially, pinning a message allows you to highlight a typical Facebook blog post on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the post.
Just how does this connect to optimizing your Facebook cover image? Well, if you're spending time aligning your Facebook Page CTA, your cover image layout, and also your cover picture summary copy, you must likewise see to it to post concerning the very same point directly to your web page, as well as pin that upload to the top of your Timeline.
This way, you're offering people one extremely clear call-to-action when they show up to your web page (albeit in numerous different locations)-- which must aid conversions.
To pin a Facebook post: Just publish the message to Facebook, after that click the descending arrow on the leading right edge of the post and select "Pin to Top.".