Facebook Cover Photo Dimension
Saturday, March 17, 2018
Edit
Facebook Cover Photo Dimension: When individuals get to your Facebook Web page, where do you assume they first look?
I'll provide you some hints. It's a visual item of material that sits on top of your web page. Its measurements are 851 pixels large by 315 pixels tall. It occupies almost a quarter of the screen on the majority of desktop internet browsers.
That's right-- it's your Facebook cover picture.
Given that it is among one of the most recognizable parts of your page, it's crucial that you follow Facebook cover image ideal methods.
Whether you're utilizing Facebook to produce leads, close your following sale, or create a client neighborhood, recognizing the best ways to make and maximize your cover picture is crucial. Continue reading to discover just what you ought to (and should not) do in your cover picture.
Click here to download our totally free overview of bring in customers with Facebook.
( You'll additionally obtain cover photo templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover photo layout download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover picture standards.
It appears like a piece of cake, yet following Facebook standards is critical to your Facebook Web page existing to begin with. I 'd very recommend going through the full Page Standards, but right here are a few important points to bear in mind for your cover image:.
Your cover is public.
Covers can not be deceptive, misleading, or infringe on any person else's copyright.
You can't motivate individuals to submit your cover to their personal timelines.
If you get caught going against the above terms, Facebook might act versus your Page. As well as while Facebook does not clearly state exactly what will certainly take place if you violate their Web page guidelines, it's probably not smart to obtain your Facebook Web page taken down over a cover picture offense, so read the guidelines completely as well as comply with them.
2) Do make sure your Facebook cover image size is right: 828 px vast by 315 px on desktop computer, 640 px vast by 360 px high on mobile.
You do not wish to spend all this time designing a cover picture ... just to have it look unusual when you post it to Facebook.
Ensure your cover photo will certainly look amazing from the get-go by making sure it's enhanced for the appropriate measurements: 851 pixels broad and also 315 pixels high for desktop computer, 640 pixels broad by 360 pixels high for mobile.
If you publish a picture smaller compared to those measurements, Facebook will extend it to fit the best dimension, as long as it goes to the very least 399 pixels vast and 150 pixels high.
If you want a no-hassle way to earn certain your cover pictures are the appropriate size, download our pre-sized template for Facebook cover images below.
3) Don't worry regarding the old "20% text" regulation, but still attempt to remain visual.
Back in 2013, Facebook eliminated any reference to the 20% rule on text in cover pictures ... yet that does not suggest you should go wild with making use of text in your cover image. The previous policy said that just 20% of your cover picture could be text. Directly, I assumed that was way as well restrictive for marketers, but the sentiment behind the guideline was a good one.
If you're going to utilize message in your cover picture, maintain that message concise. Your image will be a lot more interesting and appealing.
4) Keep the photo simple, with a clear centerpiece.
Think about 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 likely to click off the page.
Much of the most effective Facebook cover photos include a solitary subject as the focal point. They also utilize adverse white (i.e., empty space) as a benefit to earn the subject, any type of copy on there, and other aspects special to Facebook (like the CTA button on Facebook company Pages) stick out a lot more.
Below's an instance from Makr:.
5) Don't conceal web content behind your account image.
Due to the means account images are included on Facebook Pages, there's an area of your cover photo that won't show up unless you click it. Your Web page name as well as the switches under right additionally cover parts of your photo.
Check out the instance below from NikeWomen. The sections highlighted in red are the parts of the cover photo that typically aren't instantly viewable to your Facebook Fans.
Inning accordance with Facebook's Help web page, on computer, the account picture lies 16 pixels from the left side of the cover image, as well as 176 pixels from the top of the cover image.
That being claimed, you can additionally utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the account image for a contest. However usually, keeping that space clear is an excellent ideal practice.
6) Don't put vital material on the bottom of your photo, either.
Your profile image isn't really the only part of your cover picture that will certainly be partly hidden on your major Web page. You'll likewise intend to avoid placing essential material or vital parts of your image on the bottom of your picture where the name of your Web page and CTA switches are.
We recommend attracting an imaginary line about halfway up your profile photo, as well as maintaining vital material (like message or hashtags) over that.
You could see just what I imply in HubSpot's cover picture below, where we've placed the text over the "HubSpot" name.
7) Do right-align the objects in your cover photo.
Given that your profile picture gets on left, you want to include some balance to your Facebook cover picture layout by having the focus of the image 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 image look much better? The biggest design aspects (the account picture, the message, as well as the beer) are evenly spaced. In the Samsung cover image, your interest goes right away to the left side of the page, completely missing out on the name of the item on the upper appropriate side.
Not only is including balance a vital aspect of layout, however it additionally enables your cover images to be more aesthetically efficient on mobile. Which brings me to my next factor ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social media network specifically from smart phones. That's massive-- as well as it's precisely why it's so essential to keep mobile customers top-of-mind when designing your Facebook cover image.
On mobile, a much larger portion of your cover photo is blocked out since the account image as well as the Web page name are on top of the cover photo.
Allow's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notice that the sides of the photo are removed on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels tall on desktop computer, it displays only the center 640 pixels wide by 360 pixels high on mobile phones. Have a look at this Facebook aid document to learn more.
Notification, incidentally, how the message in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your visual aspects, beware not to put essential web content thus far to the right that it gets removed on mobile.
9) Do incorporate the cover picture layout with other parts of your Facebook Web page.
If you really want your Facebook advertising to attract attention, try incorporating its layout with other parts of your Page. You might make your account picture and cover image one large canvas, or use some design aspects to draw attention to different capabilities of your Facebook Page.
Below are some concepts of what these cover image integrations could resemble.
Incorporate your profile image and cover picture.
With a little imagination and also some layout modifies, you could make your profile photo and cover image look like if they're two parts of one canvas. Look into one of Paris' cover pictures for a subtle however compelling method to do that.
Note: Considering that cover pictures display in a different way on mobile and also on desktop computer, you'll need to pick one format to make your cover photo as well as account mix for. Since cover images are much more visible on desktop, I would certainly suggest prioritizing that format for your cover picture and profile image combination style.
Draw attention to the switches on right.
Following the best methods discussed above, WeddingWire positions all of its crucial message to the right of their cover image-- not only accomplishing a great design aesthetic, but likewise accentuating the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Note: While it might look like a great idea to include directional cues like an arrowhead to obtain individuals to click on the CTA buttons, keep in mind that those CTA switches don't show up the same way on the mobile application. In other words, it might be puzzling to mobile users if you integrate the cover image design with the switches.
10) Do include a shortened link in your cover photo description that aligns with your page CTA.
If you intend to use your cover picture to sustain your web page CTA, make certain your cover image summary additionally includes a text CTA as well as connect to the very same offer. This way, whenever individuals see your cover photo directly, they can access the download web link.
Right here's this method at work on HubSpot's Facebook Page.
Make certain you reduce your web links as well as include UTM codes so you can track clicks on them. Shortening and also tracking attributes are available in the HubSpot Marketing System as well as in devices like bitly.
( If you wish to learn more concerning how to write effective call-to-action copy for your cover picture description, click here to download our complimentary ebook on developing compelling CTAs.).
Facebook Cover Photo Dimension
I'll provide you some hints. It's a visual item of material that sits on top of your web page. Its measurements are 851 pixels large by 315 pixels tall. It occupies almost a quarter of the screen on the majority of desktop internet browsers.
That's right-- it's your Facebook cover picture.
Given that it is among one of the most recognizable parts of your page, it's crucial that you follow Facebook cover image ideal methods.
Whether you're utilizing Facebook to produce leads, close your following sale, or create a client neighborhood, recognizing the best ways to make and maximize your cover picture is crucial. Continue reading to discover just what you ought to (and should not) do in your cover picture.
Click here to download our totally free overview of bring in customers with Facebook.
( You'll additionally obtain cover photo templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover photo layout download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover picture standards.
It appears like a piece of cake, yet following Facebook standards is critical to your Facebook Web page existing to begin with. I 'd very recommend going through the full Page Standards, but right here are a few important points to bear in mind for your cover image:.
Your cover is public.
Covers can not be deceptive, misleading, or infringe on any person else's copyright.
You can't motivate individuals to submit your cover to their personal timelines.
If you get caught going against the above terms, Facebook might act versus your Page. As well as while Facebook does not clearly state exactly what will certainly take place if you violate their Web page guidelines, it's probably not smart to obtain your Facebook Web page taken down over a cover picture offense, so read the guidelines completely as well as comply with them.
2) Do make sure your Facebook cover image size is right: 828 px vast by 315 px on desktop computer, 640 px vast by 360 px high on mobile.
You do not wish to spend all this time designing a cover picture ... just to have it look unusual when you post it to Facebook.
Ensure your cover photo will certainly look amazing from the get-go by making sure it's enhanced for the appropriate measurements: 851 pixels broad and also 315 pixels high for desktop computer, 640 pixels broad by 360 pixels high for mobile.
If you publish a picture smaller compared to those measurements, Facebook will extend it to fit the best dimension, as long as it goes to the very least 399 pixels vast and 150 pixels high.
If you want a no-hassle way to earn certain your cover pictures are the appropriate size, download our pre-sized template for Facebook cover images below.
3) Don't worry regarding the old "20% text" regulation, but still attempt to remain visual.
Back in 2013, Facebook eliminated any reference to the 20% rule on text in cover pictures ... yet that does not suggest you should go wild with making use of text in your cover image. The previous policy said that just 20% of your cover picture could be text. Directly, I assumed that was way as well restrictive for marketers, but the sentiment behind the guideline was a good one.
If you're going to utilize message in your cover picture, maintain that message concise. Your image will be a lot more interesting and appealing.
4) Keep the photo simple, with a clear centerpiece.
Think about 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 likely to click off the page.
Much of the most effective Facebook cover photos include a solitary subject as the focal point. They also utilize adverse white (i.e., empty space) as a benefit to earn the subject, any type of copy on there, and other aspects special to Facebook (like the CTA button on Facebook company Pages) stick out a lot more.
Below's an instance from Makr:.
5) Don't conceal web content behind your account image.
Due to the means account images are included on Facebook Pages, there's an area of your cover photo that won't show up unless you click it. Your Web page name as well as the switches under right additionally cover parts of your photo.
Check out the instance below from NikeWomen. The sections highlighted in red are the parts of the cover photo that typically aren't instantly viewable to your Facebook Fans.
Inning accordance with Facebook's Help web page, on computer, the account picture lies 16 pixels from the left side of the cover image, as well as 176 pixels from the top of the cover image.
That being claimed, you can additionally utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the account image for a contest. However usually, keeping that space clear is an excellent ideal practice.
6) Don't put vital material on the bottom of your photo, either.
Your profile image isn't really the only part of your cover picture that will certainly be partly hidden on your major Web page. You'll likewise intend to avoid placing essential material or vital parts of your image on the bottom of your picture where the name of your Web page and CTA switches are.
We recommend attracting an imaginary line about halfway up your profile photo, as well as maintaining vital material (like message or hashtags) over that.
You could see just what I imply in HubSpot's cover picture below, where we've placed the text over the "HubSpot" name.
7) Do right-align the objects in your cover photo.
Given that your profile picture gets on left, you want to include some balance to your Facebook cover picture layout by having the focus of the image 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 image look much better? The biggest design aspects (the account picture, the message, as well as the beer) are evenly spaced. In the Samsung cover image, your interest goes right away to the left side of the page, completely missing out on the name of the item on the upper appropriate side.
Not only is including balance a vital aspect of layout, however it additionally enables your cover images to be more aesthetically efficient on mobile. Which brings me to my next factor ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social media network specifically from smart phones. That's massive-- as well as it's precisely why it's so essential to keep mobile customers top-of-mind when designing your Facebook cover image.
On mobile, a much larger portion of your cover photo is blocked out since the account image as well as the Web page name are on top of the cover photo.
Allow's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notice that the sides of the photo are removed on mobile. Whereas your cover picture presents at 851 pixels large by 315 pixels tall on desktop computer, it displays only the center 640 pixels wide by 360 pixels high on mobile phones. Have a look at this Facebook aid document to learn more.
Notification, incidentally, how the message in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your visual aspects, beware not to put essential web content thus far to the right that it gets removed on mobile.
9) Do incorporate the cover picture layout with other parts of your Facebook Web page.
If you really want your Facebook advertising to attract attention, try incorporating its layout with other parts of your Page. You might make your account picture and cover image one large canvas, or use some design aspects to draw attention to different capabilities of your Facebook Page.
Below are some concepts of what these cover image integrations could resemble.
Incorporate your profile image and cover picture.
With a little imagination and also some layout modifies, you could make your profile photo and cover image look like if they're two parts of one canvas. Look into one of Paris' cover pictures for a subtle however compelling method to do that.
Note: Considering that cover pictures display in a different way on mobile and also on desktop computer, you'll need to pick one format to make your cover photo as well as account mix for. Since cover images are much more visible on desktop, I would certainly suggest prioritizing that format for your cover picture and profile image combination style.
Draw attention to the switches on right.
Following the best methods discussed above, WeddingWire positions all of its crucial message to the right of their cover image-- not only accomplishing a great design aesthetic, but likewise accentuating the primary calls-to-action on the Web page: Like, Adhere to, and also Message.
Note: While it might look like a great idea to include directional cues like an arrowhead to obtain individuals to click on the CTA buttons, keep in mind that those CTA switches don't show up the same way on the mobile application. In other words, it might be puzzling to mobile users if you integrate the cover image design with the switches.
10) Do include a shortened link in your cover photo description that aligns with your page CTA.
If you intend to use your cover picture to sustain your web page CTA, make certain your cover image summary additionally includes a text CTA as well as connect to the very same offer. This way, whenever individuals see your cover photo directly, they can access the download web link.
Right here's this method at work on HubSpot's Facebook Page.
Make certain you reduce your web links as well as include UTM codes so you can track clicks on them. Shortening and also tracking attributes are available in the HubSpot Marketing System as well as in devices like bitly.
( If you wish to learn more concerning how to write effective call-to-action copy for your cover picture description, click here to download our complimentary ebook on developing compelling CTAs.).