Facebook Cover Photo Dimensions
Tuesday, April 10, 2018
Edit
Facebook Cover Photo Dimensions: When people reach your Facebook Web page, where do you assume they first look?
I'll give you some hints. It's an aesthetic item of material that rests at the top of your page. Its measurements are 851 pixels broad by 315 pixels high. It takes up practically a quarter of the screen on many desktop browsers.
That's right-- it's your Facebook cover image.
Because it is just one of one of the most recognizable parts of your web page, it's critical that you comply with Facebook cover photo best methods.
Whether you're making use of Facebook to produce leads, close your following sale, or create a customer neighborhood, knowing how to make and also optimize your cover picture is extremely important. Keep reading to learn just what you ought to (and also should not) carry out in your cover image.
Click on this link to download our cost-free guide to attracting clients with Facebook.
( You'll also obtain cover photo templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover picture design template download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover image standards.
It seems like a piece of cake, yet complying with Facebook guidelines is crucial to your Facebook Web page existing in the first place. I 'd extremely suggest reading through the complete Page Guidelines, however below are a few important points to keep in mind for your cover picture:.
Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on anyone else's copyright.
You can't encourage individuals to post your cover to their personal timelines.
If you obtain captured violating the above terms, Facebook could take action against your Page. As well as while Facebook does not explicitly say exactly what will occur if you breach their Web page standards, it's probably not wise to get your Facebook Page removed over a cover photo offense, so review the guidelines completely as well as abide by them.
2) Do see to it your Facebook cover picture dimension is right: 828 px large by 315 px on desktop, 640 px wide by 360 px high on mobile.
You don't intend to spend all this time developing a cover photo ... just to have it look odd when you submit it to Facebook.
See to it your cover photo will look remarkable from the outset by making sure it's maximized for the ideal dimensions: 851 pixels large as well as 315 pixels tall for desktop computer, 640 pixels large by 360 pixels tall for mobile.
If you submit a photo smaller sized compared to those measurements, Facebook will certainly extend it to fit the ideal size, as long as it goes to the very least 399 pixels broad and also 150 pixels tall.
If you desire a no-hassle means making certain your cover pictures are the best dimension, download our pre-sized design template for Facebook cover pictures right here.
3) Don't worry about the old "20% text" policy, but still try to remain aesthetic.
Back in 2013, Facebook got rid of any recommendation to the 20% regulation on message in cover photos ... however that doesn't mean you should go wild with utilizing text in your cover photo. The previous regulation stated that only 20% of your cover picture could be message. Personally, I believed that was way as well limiting for marketing experts, but the belief behind the policy was a good one.
If you're going to utilize message in your cover picture, keep that text concise. Your image will be much more interesting and engaging.
4) Maintain the image simple, with a clear prime focus.
Think of your cover photo as the part of your Page that's "over the layer." If it's distracting or poor quality, individuals will certainly be more probable to click off the page.
Many of the best Facebook cover pictures include a solitary subject as the centerpiece. They also use unfavorable white (i.e., empty space) as a benefit to earn the subject, any kind of duplicate on there, and other elements distinct to Facebook (like the CTA button on Facebook organisation Pages) attract attention even more.
Here's an example from Makr:.
5) Don't conceal material behind your account photo.
Because of the way account images are showcased on Facebook Pages, there's an area of your cover picture that will not show up unless you click it. Your Web page name and the buttons on the bottom right likewise cover sections of your picture.
Check out the example listed below from NikeWomen. The parts highlighted in red are the parts of the cover image that aren't immediately readable to your Facebook Followers.
According to Facebook's Help page, on home computer, the profile image is located 16 pixels from the left edge of the cover photo, and also 176 pixels from the top of the cover photo.
That being stated, you could likewise use this surprise area to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. Yet commonly, maintaining that area clear is a great finest practice.
6) Don't put crucial web content under of your picture, either.
Your account image isn't really the only part of your cover photo that will be partly hidden on your primary Web page. You'll additionally want to prevent placing crucial web content or vital parts of your picture on the bottom of your picture where the name of your Page and also CTA switches are.
We suggest attracting an imaginary line concerning midway up your profile photo, and also maintaining important web content (like message or hashtags) above that.
You can see what I suggest in HubSpot's cover picture listed below, where we've placed the message above the "HubSpot" name.
7) Do right-align the objects in your cover picture.
Because your account picture gets on left, you intend to include some balance to your Facebook cover picture design by having the emphasis of the image get on the right.
Have a look at these cover images. Which one looks even more cosmetically pleasing?
Right-aligned focus:.
Doesn't the right-aligned cover image look much better? The greatest style components (the account picture, the text, as well as the beer) are evenly spaced. In the Samsung cover picture, your interest goes immediately to the left side of the page, completely missing out on the name of the item on the upper best side.
Not just is including balance a vital element of style, yet it additionally enables your cover pictures to be extra aesthetically efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile users in mind.
In April 2016, Facebook reported that over half of its customer base (54.2%) access the social media exclusively from smart phones. That's substantial-- and also it's specifically why it's so crucial to maintain mobile customers top-of-mind when making your Facebook cover picture.
On mobile, a much larger part of your cover image is shut out since the account picture and also the Page name get on top of the cover photo.
Allow's have a look at a real-life example. Listed below, take a look at what Adobe's Facebook Web page appears like in a desktop browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notice that the sides of the picture are removed on mobile. Whereas your cover photo presents at 851 pixels vast by 315 pixels high on desktop computer, it displays just the center 640 pixels vast by 360 pixels high on mobile phones. Take a look at this Facebook aid file to learn more.
Notification, incidentally, exactly how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your aesthetic components, be careful not to place important content thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with various other parts of your Facebook Page.
If you truly want your Facebook advertising and marketing to stick out, attempt integrating its layout with other parts of your Page. You could make your account image and cover picture one huge canvas, or utilize some layout aspects to draw attention to various capabilities of your Facebook Page.
Below are some ideas of just what these cover photo integrations could look like.
Incorporate your profile image as well as cover photo.
With a little imagination and also some style tweaks, you can make your profile photo and cover photo look like if they're two parts of one canvas. Have a look at one of Paris' cover images for a refined but engaging way to do that.
Note: Considering that cover pictures present in a different way on mobile as well as on desktop computer, you'll have to select one layout to design your cover image and account mix for. Given that cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that layout for your cover picture and also account picture mix style.
Accentuate the switches on right.
Following the best methods mentioned above, WeddingWire puts all of its vital message to the right of their cover image-- not just achieving an excellent design aesthetic, but additionally accentuating the main calls-to-action on the Web page: Like, Follow, as well as Message.
Keep in mind: While it may feel like a good idea to add directional signs like an arrow to get people to click on the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile application. Simply puts, it could be confusing to mobile customers if you integrate the cover picture design with the switches.
10) Do include a shortened link in your cover photo description that aligns with your web page CTA.
If you wish to use your cover photo to support your web page CTA, make sure your cover photo description likewise consists of a message CTA and also link to the same offer. This way, any time people see your cover image straight, they can access the download link.
Right here's this practice at work on HubSpot's Facebook Page.
Ensure you shorten your web links and add UTM codes so you could track click them. Reducing and tracking functions are offered in the HubSpot Advertising And Marketing System as well as in tools like bitly.
( If you want to learn more concerning the best ways to create reliable call-to-action duplicate for your cover picture summary, click on this link to download our cost-free e-book on developing compelling CTAs.).
Facebook Cover Photo Dimensions
I'll give you some hints. It's an aesthetic item of material that rests at the top of your page. Its measurements are 851 pixels broad by 315 pixels high. It takes up practically a quarter of the screen on many desktop browsers.
That's right-- it's your Facebook cover image.
Because it is just one of one of the most recognizable parts of your web page, it's critical that you comply with Facebook cover photo best methods.
Whether you're making use of Facebook to produce leads, close your following sale, or create a customer neighborhood, knowing how to make and also optimize your cover picture is extremely important. Keep reading to learn just what you ought to (and also should not) carry out in your cover image.
Click on this link to download our cost-free guide to attracting clients with Facebook.
( You'll also obtain cover photo templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover picture design template download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover image standards.
It seems like a piece of cake, yet complying with Facebook guidelines is crucial to your Facebook Web page existing in the first place. I 'd extremely suggest reading through the complete Page Guidelines, however below are a few important points to keep in mind for your cover picture:.
Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on anyone else's copyright.
You can't encourage individuals to post your cover to their personal timelines.
If you obtain captured violating the above terms, Facebook could take action against your Page. As well as while Facebook does not explicitly say exactly what will occur if you breach their Web page standards, it's probably not wise to get your Facebook Page removed over a cover photo offense, so review the guidelines completely as well as abide by them.
2) Do see to it your Facebook cover picture dimension is right: 828 px large by 315 px on desktop, 640 px wide by 360 px high on mobile.
You don't intend to spend all this time developing a cover photo ... just to have it look odd when you submit it to Facebook.
See to it your cover photo will look remarkable from the outset by making sure it's maximized for the ideal dimensions: 851 pixels large as well as 315 pixels tall for desktop computer, 640 pixels large by 360 pixels tall for mobile.
If you submit a photo smaller sized compared to those measurements, Facebook will certainly extend it to fit the ideal size, as long as it goes to the very least 399 pixels broad and also 150 pixels tall.
If you desire a no-hassle means making certain your cover pictures are the best dimension, download our pre-sized design template for Facebook cover pictures right here.
3) Don't worry about the old "20% text" policy, but still try to remain aesthetic.
Back in 2013, Facebook got rid of any recommendation to the 20% regulation on message in cover photos ... however that doesn't mean you should go wild with utilizing text in your cover photo. The previous regulation stated that only 20% of your cover picture could be message. Personally, I believed that was way as well limiting for marketing experts, but the belief behind the policy was a good one.
If you're going to utilize message in your cover picture, keep that text concise. Your image will be much more interesting and engaging.
4) Maintain the image simple, with a clear prime focus.
Think of your cover photo as the part of your Page that's "over the layer." If it's distracting or poor quality, individuals will certainly be more probable to click off the page.
Many of the best Facebook cover pictures include a solitary subject as the centerpiece. They also use unfavorable white (i.e., empty space) as a benefit to earn the subject, any kind of duplicate on there, and other elements distinct to Facebook (like the CTA button on Facebook organisation Pages) attract attention even more.
Here's an example from Makr:.
5) Don't conceal material behind your account photo.
Because of the way account images are showcased on Facebook Pages, there's an area of your cover picture that will not show up unless you click it. Your Web page name and the buttons on the bottom right likewise cover sections of your picture.
Check out the example listed below from NikeWomen. The parts highlighted in red are the parts of the cover image that aren't immediately readable to your Facebook Followers.
According to Facebook's Help page, on home computer, the profile image is located 16 pixels from the left edge of the cover photo, and also 176 pixels from the top of the cover photo.
That being stated, you could likewise use this surprise area to your benefit-- maybe even concealing an Easter egg behind the profile image for a contest. Yet commonly, maintaining that area clear is a great finest practice.
6) Don't put crucial web content under of your picture, either.
Your account image isn't really the only part of your cover photo that will be partly hidden on your primary Web page. You'll additionally want to prevent placing crucial web content or vital parts of your picture on the bottom of your picture where the name of your Page and also CTA switches are.
We suggest attracting an imaginary line concerning midway up your profile photo, and also maintaining important web content (like message or hashtags) above that.
You can see what I suggest in HubSpot's cover picture listed below, where we've placed the message above the "HubSpot" name.
7) Do right-align the objects in your cover picture.
Because your account picture gets on left, you intend to include some balance to your Facebook cover picture design by having the emphasis of the image get on the right.
Have a look at these cover images. Which one looks even more cosmetically pleasing?
Right-aligned focus:.
Doesn't the right-aligned cover image look much better? The greatest style components (the account picture, the text, as well as the beer) are evenly spaced. In the Samsung cover picture, your interest goes immediately to the left side of the page, completely missing out on the name of the item on the upper best side.
Not just is including balance a vital element of style, yet it additionally enables your cover pictures to be extra aesthetically efficient on mobile. Which brings me to my following factor ...
8) Do keep mobile users in mind.
In April 2016, Facebook reported that over half of its customer base (54.2%) access the social media exclusively from smart phones. That's substantial-- and also it's specifically why it's so crucial to maintain mobile customers top-of-mind when making your Facebook cover picture.
On mobile, a much larger part of your cover image is shut out since the account picture and also the Page name get on top of the cover photo.
Allow's have a look at a real-life example. Listed below, take a look at what Adobe's Facebook Web page appears like in a desktop browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notice that the sides of the picture are removed on mobile. Whereas your cover photo presents at 851 pixels vast by 315 pixels high on desktop computer, it displays just the center 640 pixels vast by 360 pixels high on mobile phones. Take a look at this Facebook aid file to learn more.
Notification, incidentally, exactly how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your aesthetic components, be careful not to place important content thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with various other parts of your Facebook Page.
If you truly want your Facebook advertising and marketing to stick out, attempt integrating its layout with other parts of your Page. You could make your account image and cover picture one huge canvas, or utilize some layout aspects to draw attention to various capabilities of your Facebook Page.
Below are some ideas of just what these cover photo integrations could look like.
Incorporate your profile image as well as cover photo.
With a little imagination and also some style tweaks, you can make your profile photo and cover photo look like if they're two parts of one canvas. Have a look at one of Paris' cover images for a refined but engaging way to do that.
Note: Considering that cover pictures present in a different way on mobile as well as on desktop computer, you'll have to select one layout to design your cover image and account mix for. Given that cover pictures are a lot more noticeable on desktop computer, I 'd suggest prioritizing that layout for your cover picture and also account picture mix style.
Accentuate the switches on right.
Following the best methods mentioned above, WeddingWire puts all of its vital message to the right of their cover image-- not just achieving an excellent design aesthetic, but additionally accentuating the main calls-to-action on the Web page: Like, Follow, as well as Message.
Keep in mind: While it may feel like a good idea to add directional signs like an arrow to get people to click on the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile application. Simply puts, it could be confusing to mobile customers if you integrate the cover picture design with the switches.
10) Do include a shortened link in your cover photo description that aligns with your web page CTA.
If you wish to use your cover photo to support your web page CTA, make sure your cover photo description likewise consists of a message CTA and also link to the same offer. This way, any time people see your cover image straight, they can access the download link.
Right here's this practice at work on HubSpot's Facebook Page.
Ensure you shorten your web links and add UTM codes so you could track click them. Reducing and tracking functions are offered in the HubSpot Advertising And Marketing System as well as in tools like bitly.
( If you want to learn more concerning the best ways to create reliable call-to-action duplicate for your cover picture summary, click on this link to download our cost-free e-book on developing compelling CTAs.).