Facebook Cover Image Dimensions
Thursday, April 26, 2018
Edit
Facebook Cover Image Dimensions: When people reach your Facebook Web page, where do you believe they initially look?
I'll offer you some hints. It's a visual item of content that rests at the top of your web page. Its measurements are 851 pixels broad by 315 pixels high. It takes up nearly a quarter of the display on the majority of desktop web browsers.
That's right-- it's your Facebook cover photo.
Because it is just one of one of the most obvious parts of your web page, it's critical that you adhere to Facebook cover photo finest methods.
Whether you're making use of Facebook to create leads, close your next sale, or create a client neighborhood, knowing how you can make and also maximize your cover image is very important. Read on to discover what you need to (and should not) carry out in your cover image.
Click on this link to download our totally free guide to bring in consumers with Facebook.
( You'll likewise get cover image themes for Twitter, LinkedIn, YouTube, and Google+ with your cover image design template download!).
11 Best Practices for Your Facebook Cover Photo.
1) Do follow Facebook's cover photo guidelines.
It feels like a no-brainer, but obeying Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd very recommend reviewing the complete Web page Guidelines, but below are a few important points to keep in mind for your cover image:.
Your cover is public.
Covers cannot be deceitful, misleading, or infringe on any individual else's copyright.
You cannot motivate individuals to post your cover to their individual timelines.
If you obtain captured violating the above terms, Facebook can do something about it versus your Web page. And while Facebook doesn't explicitly say just what will certainly occur if you violate their Web page standards, it's most likely not wise to obtain your Facebook Web page taken down over a cover picture infraction, so check out the standards in full and follow them.
2) Do make sure your Facebook cover photo size is right: 828 px large by 315 px on desktop computer, 640 px vast by 360 px tall on mobile.
You do not wish to invest all this moment developing a cover picture ... just to have it look odd when you publish it to Facebook.
See to it your cover photo will certainly look fantastic from the get-go by ensuring it's enhanced for the appropriate dimensions: 851 pixels wide as well as 315 pixels high for desktop, 640 pixels broad by 360 pixels high for mobile.
If you submit a picture smaller sized compared to those measurements, Facebook will extend it to fit the ideal size, as long as it's at the very least 399 pixels vast and also 150 pixels high.
If you want a no-hassle means to make sure your cover images are the ideal dimension, download our pre-sized template for Facebook cover photos right here.
3) Don't worry concerning the old "20% message" policy, however still aim to remain aesthetic.
Back in 2013, Facebook eliminated any type of recommendation to the 20% rule on message in cover pictures ... yet that doesn't imply you need to go wild with using message in your cover picture. The previous rule stated that only 20% of your cover image could be message. Personally, I believed that was way as well limiting for marketing professionals, however the belief behind the rule was a good one.
If you're going to utilize message in your cover photo, maintain that message concise. Your picture will be much more useful and appealing.
4) Maintain the image simple, with a clear focal point.
Consider your cover photo as the portion of your Web page that's "above the layer." If it's sidetracking or poor quality, individuals will certainly be more probable to click off the web page.
Many of the most effective Facebook cover photos consist of a single topic as the focal point. They also utilize adverse white (i.e., void) as an advantage to earn the subject, any copy on there, and also various other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
Below's an example from Makr:.
5) Don't hide web content behind your account image.
Due to the method account pictures are featured on Facebook Pages, there's an area of your cover photo that won't appear unless you click on it. Your Web page name as well as the switches under right additionally cover portions of your picture.
Have a look at the example below from NikeWomen. The portions highlighted in red are the parts of the cover picture that typically aren't instantly viewable to your Facebook Fans.
According to Facebook's Assistance web page, on computer, the account picture lies 16 pixels from the left side of the cover image, and also 176 pixels from the top of the cover image.
That being claimed, you could likewise use this covert area to your advantage-- perhaps even hiding an Easter egg behind the profile image for a contest. Yet generally, keeping that room clear is a good finest method.
6) Don't place crucial material on the bottom of your image, either.
Your account photo isn't the only part of your cover image that will certainly be partly hidden on your major Page. You'll also intend to prevent placing crucial material or crucial parts of your image under of your photo where the name of your Web page and CTA buttons are.
We suggest drawing an imaginary line concerning midway up your profile photo, and also maintaining crucial content (like message or hashtags) above that.
You could see exactly what I mean in HubSpot's cover picture below, where we've placed the message over the "HubSpot" name.
7) Do right-align the things in your cover picture.
Because your account photo is on left, you intend to include some balance to your Facebook cover image layout by having the emphasis of the photo be on the right.
Take a look at these cover photos. Which one looks more visually pleasing?
Right-aligned focus:.
Does not the right-aligned cover picture look far better? The largest style aspects (the profile picture, the message, and the beer) are equally spaced. In the Samsung cover image, your interest goes instantly to the left side of the page, totally missing out on the name of the product on the top appropriate side.
Not just is including equilibrium a crucial element of design, yet it additionally permits your cover pictures to be much more aesthetically reliable on mobile. Which brings me to my following point ...
8) Do keep mobile users in mind.
In April 2016, Facebook reported that over half of its user base (54.2%) access the social network exclusively from mobile phones. That's substantial-- and it's exactly why it's so important to keep mobile individuals top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger portion of your cover picture is shut out because the account picture and the Web page name are on top of the cover image.
Allow's have a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Page resembles in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:.
Mobile:.
Notification that the sides of the picture are cut off on mobile. Whereas your cover image displays at 851 pixels large by 315 pixels tall on desktop, it shows just the center 640 pixels broad by 360 pixels tall on smartphones. Have a look at this Facebook assistance file for more details.
Notification, incidentally, just how the text in Adobe's cover picture is cut off on the right-hand side. While it looks finest to right-align your aesthetic elements, take care not to put important content up until now to the right that it obtains cut off on mobile.
9) Do integrate the cover picture layout with other parts of your Facebook Web page.
If you actually desire your Facebook marketing to stand out, try incorporating its layout with other parts of your Web page. You could make your account image and cover image one big canvas, or make use of some layout elements to draw attention to various performances of your Facebook Page.
Below are some ideas of just what these cover image integrations may look like.
Combine your profile picture as well as cover picture.
With a little creativity as well as some style fine-tunes, you could make your profile picture and cover picture look like if they're 2 parts of one canvas. Have a look at among Paris' cover photos for a subtle but compelling way to do that.
Note: Since cover photos present differently on mobile and on desktop, you'll need to select one style to develop your cover photo and also account combination for. Considering that cover photos are much more visible on desktop computer, I 'd suggest focusing on that layout for your cover photo as well as profile photo mix layout.
Draw attention to the switches on right.
Following the most effective practices mentioned above, WeddingWire places all of its important message to the right of their cover image-- not just achieving an excellent design aesthetic, yet likewise drawing attention to the main calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it may feel like a good idea to include directional signs like an arrowhead to get people to click on the CTA buttons, note that those CTA buttons do not show up the same way on the mobile app. To puts it simply, it might be perplexing to mobile individuals if you integrate the cover picture style with the buttons.
10) Do consist of a shortened link in your cover image summary that straightens with your page CTA.
If you want to use your cover picture to sustain your web page CTA, make certain your cover image description additionally includes a text CTA as well as connect to the very same offer. In this manner, at any time individuals view your cover picture directly, they could access the download web link.
Right here's this method in action on HubSpot's Facebook Page.
Make certain you shorten your links and add UTM codes so you can track clicks on them. Reducing as well as tracking attributes are offered in the HubSpot Advertising And Marketing System and in tools like bitly.
( If you wish to find out more regarding the best ways to write reliable call-to-action duplicate for your cover image description, visit this site to download our complimentary ebook on developing compelling CTAs.).
Facebook Cover Image Dimensions
I'll offer you some hints. It's a visual item of content that rests at the top of your web page. Its measurements are 851 pixels broad by 315 pixels high. It takes up nearly a quarter of the display on the majority of desktop web browsers.
That's right-- it's your Facebook cover photo.
Because it is just one of one of the most obvious parts of your web page, it's critical that you adhere to Facebook cover photo finest methods.
Whether you're making use of Facebook to create leads, close your next sale, or create a client neighborhood, knowing how you can make and also maximize your cover image is very important. Read on to discover what you need to (and should not) carry out in your cover image.
Click on this link to download our totally free guide to bring in consumers with Facebook.
( You'll likewise get cover image themes for Twitter, LinkedIn, YouTube, and Google+ with your cover image design template download!).
11 Best Practices for Your Facebook Cover Photo.
1) Do follow Facebook's cover photo guidelines.
It feels like a no-brainer, but obeying Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd very recommend reviewing the complete Web page Guidelines, but below are a few important points to keep in mind for your cover image:.
Your cover is public.
Covers cannot be deceitful, misleading, or infringe on any individual else's copyright.
You cannot motivate individuals to post your cover to their individual timelines.
If you obtain captured violating the above terms, Facebook can do something about it versus your Web page. And while Facebook doesn't explicitly say just what will certainly occur if you violate their Web page standards, it's most likely not wise to obtain your Facebook Web page taken down over a cover picture infraction, so check out the standards in full and follow them.
2) Do make sure your Facebook cover photo size is right: 828 px large by 315 px on desktop computer, 640 px vast by 360 px tall on mobile.
You do not wish to invest all this moment developing a cover picture ... just to have it look odd when you publish it to Facebook.
See to it your cover photo will certainly look fantastic from the get-go by ensuring it's enhanced for the appropriate dimensions: 851 pixels wide as well as 315 pixels high for desktop, 640 pixels broad by 360 pixels high for mobile.
If you submit a picture smaller sized compared to those measurements, Facebook will extend it to fit the ideal size, as long as it's at the very least 399 pixels vast and also 150 pixels high.
If you want a no-hassle means to make sure your cover images are the ideal dimension, download our pre-sized template for Facebook cover photos right here.
3) Don't worry concerning the old "20% message" policy, however still aim to remain aesthetic.
Back in 2013, Facebook eliminated any type of recommendation to the 20% rule on message in cover pictures ... yet that doesn't imply you need to go wild with using message in your cover picture. The previous rule stated that only 20% of your cover image could be message. Personally, I believed that was way as well limiting for marketing professionals, however the belief behind the rule was a good one.
If you're going to utilize message in your cover photo, maintain that message concise. Your picture will be much more useful and appealing.
4) Maintain the image simple, with a clear focal point.
Consider your cover photo as the portion of your Web page that's "above the layer." If it's sidetracking or poor quality, individuals will certainly be more probable to click off the web page.
Many of the most effective Facebook cover photos consist of a single topic as the focal point. They also utilize adverse white (i.e., void) as an advantage to earn the subject, any copy on there, and also various other components one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out a lot more.
Below's an example from Makr:.
5) Don't hide web content behind your account image.
Due to the method account pictures are featured on Facebook Pages, there's an area of your cover photo that won't appear unless you click on it. Your Web page name as well as the switches under right additionally cover portions of your picture.
Have a look at the example below from NikeWomen. The portions highlighted in red are the parts of the cover picture that typically aren't instantly viewable to your Facebook Fans.
According to Facebook's Assistance web page, on computer, the account picture lies 16 pixels from the left side of the cover image, and also 176 pixels from the top of the cover image.
That being claimed, you could likewise use this covert area to your advantage-- perhaps even hiding an Easter egg behind the profile image for a contest. Yet generally, keeping that room clear is a good finest method.
6) Don't place crucial material on the bottom of your image, either.
Your account photo isn't the only part of your cover image that will certainly be partly hidden on your major Page. You'll also intend to prevent placing crucial material or crucial parts of your image under of your photo where the name of your Web page and CTA buttons are.
We suggest drawing an imaginary line concerning midway up your profile photo, and also maintaining crucial content (like message or hashtags) above that.
You could see exactly what I mean in HubSpot's cover picture below, where we've placed the message over the "HubSpot" name.
7) Do right-align the things in your cover picture.
Because your account photo is on left, you intend to include some balance to your Facebook cover image layout by having the emphasis of the photo be on the right.
Take a look at these cover photos. Which one looks more visually pleasing?
Right-aligned focus:.
Does not the right-aligned cover picture look far better? The largest style aspects (the profile picture, the message, and the beer) are equally spaced. In the Samsung cover image, your interest goes instantly to the left side of the page, totally missing out on the name of the product on the top appropriate side.
Not just is including equilibrium a crucial element of design, yet it additionally permits your cover pictures to be much more aesthetically reliable on mobile. Which brings me to my following point ...
8) Do keep mobile users in mind.
In April 2016, Facebook reported that over half of its user base (54.2%) access the social network exclusively from mobile phones. That's substantial-- and it's exactly why it's so important to keep mobile individuals top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger portion of your cover picture is shut out because the account picture and the Web page name are on top of the cover image.
Allow's have a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Page resembles in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:.
Mobile:.
Notification that the sides of the picture are cut off on mobile. Whereas your cover image displays at 851 pixels large by 315 pixels tall on desktop, it shows just the center 640 pixels broad by 360 pixels tall on smartphones. Have a look at this Facebook assistance file for more details.
Notification, incidentally, just how the text in Adobe's cover picture is cut off on the right-hand side. While it looks finest to right-align your aesthetic elements, take care not to put important content up until now to the right that it obtains cut off on mobile.
9) Do integrate the cover picture layout with other parts of your Facebook Web page.
If you actually desire your Facebook marketing to stand out, try incorporating its layout with other parts of your Web page. You could make your account image and cover image one big canvas, or make use of some layout elements to draw attention to various performances of your Facebook Page.
Below are some ideas of just what these cover image integrations may look like.
Combine your profile picture as well as cover picture.
With a little creativity as well as some style fine-tunes, you could make your profile picture and cover picture look like if they're 2 parts of one canvas. Have a look at among Paris' cover photos for a subtle but compelling way to do that.
Note: Since cover photos present differently on mobile and on desktop, you'll need to select one style to develop your cover photo and also account combination for. Considering that cover photos are much more visible on desktop computer, I 'd suggest focusing on that layout for your cover photo as well as profile photo mix layout.
Draw attention to the switches on right.
Following the most effective practices mentioned above, WeddingWire places all of its important message to the right of their cover image-- not just achieving an excellent design aesthetic, yet likewise drawing attention to the main calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it may feel like a good idea to include directional signs like an arrowhead to get people to click on the CTA buttons, note that those CTA buttons do not show up the same way on the mobile app. To puts it simply, it might be perplexing to mobile individuals if you integrate the cover picture style with the buttons.
10) Do consist of a shortened link in your cover image summary that straightens with your page CTA.
If you want to use your cover picture to sustain your web page CTA, make certain your cover image description additionally includes a text CTA as well as connect to the very same offer. In this manner, at any time individuals view your cover picture directly, they could access the download web link.
Right here's this method in action on HubSpot's Facebook Page.
Make certain you shorten your links and add UTM codes so you can track clicks on them. Reducing as well as tracking attributes are offered in the HubSpot Advertising And Marketing System and in tools like bitly.
( If you wish to find out more regarding the best ways to write reliable call-to-action duplicate for your cover image description, visit this site to download our complimentary ebook on developing compelling CTAs.).