Facebook Timeline Cover Size
By
MUFY UJASH
—
Dec 8, 2017
—
Cover Size
Facebook Timeline Cover Size: When people come to your Facebook Page, where do you believe they first look?
I'll offer you some tips. It's a visual item of web content that sits on top of your web page. Its dimensions are 851 pixels vast by 315 pixels high. It uses up virtually a quarter of the screen on many desktop web browsers.
That's right-- it's your Facebook cover image.
Given that it is just one of one of the most obvious parts of your web page, it's vital that you adhere to Facebook cover photo ideal methods.
Whether you're utilizing Facebook to generate leads, close your following sale, or create a customer community, recognizing the best ways to make and also optimize your cover image is extremely important. Continue reading to learn what you need to (and should not) do in your cover photo.
1) Do abide by Facebook's cover photo guidelines
It appears like a no-brainer, but obeying Facebook standards is important to your Facebook Web page existing to begin with. I 'd highly suggest checking out the complete Web page Guidelines, yet here are a few crucial points to bear in mind for your cover photo:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on anyone else's copyright.
You cannot encourage individuals to post your cover to their personal timelines.
If you get captured breaking the above terms, Facebook could take action against your Page. And also while Facebook does not explicitly say what will happen if you violate their Web page standards, it's most likely not wise to get your Facebook Page removed over a cover image offense, so check out the guidelines completely and also comply with them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px tall
You don't want to spend all this time around creating a cover image ... only to have it look strange when you submit it to Facebook.
See to it your cover photo will certainly look fantastic from the start by ensuring it's the ideal dimensions: 851 pixels large and also 315 pixels high.
If you upload a photo smaller sized than those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at the very least 399 pixels broad as well as 150 pixels tall.
If you want a no-hassle way to make certain your cover photos are the appropriate size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% text" regulation, yet still attempt to stay aesthetic
Back in 2013, Facebook got rid of any recommendation to the 20% rule on text in cover photos ... but that does not indicate you must go wild with making use of text in your cover picture. The previous rule said that just 20% of your cover picture could be text. Personally, I thought that was way as well limiting for marketing professionals, however the sentiment behind the policy was a good one.
If you're mosting likely to utilize message in your cover picture, maintain that text concise. Your image will certainly be much more interesting as well as engaging.
4) Maintain the photo simple, with a clear centerpiece
Consider your cover photo as the portion of your Page that's "over the fold." If it's sidetracking or low quality, individuals will be most likely to click off the page.
A number of the most effective Facebook cover photos include a single subject as the centerpiece. They also use negative white (i.e., empty space) as a benefit to make the subject, any kind of copy on there, and various other components distinct to Facebook (like the CTA switch on Facebook service Pages) stand apart much more.
5) Do not hide web content behind your profile picture
Because of the means profile pictures are included on Facebook Pages, there's an area of your cover picture that won't show up unless you click it. Your Web page name and also the buttons on the bottom right likewise cover parts of your photo.
According to Facebook's Assistance web page, on desktop computers, the profile photo is located 16 pixels from the left edge of the cover image, and 176 pixels from the top of the cover picture.
That being claimed, you could likewise utilize this covert room to your benefit-- perhaps even concealing an Easter egg behind the account picture for a competition. However commonly, keeping that area clear is a good ideal method.
6) Don't put vital content on the bottom of your picture, either
Your profile picture isn't really the only part of your cover picture that will be partly concealed on your primary Page. You'll likewise wish to stay clear of placing crucial content or key parts of your picture on the bottom of your picture where the name of your Web page and also CTA buttons are.
We suggest attracting an imaginary line concerning midway up your profile photo, as well as maintaining crucial material (like message or hashtags) over that.
7) Do right-align the things in your cover picture
Given that your profile photo gets on left, you wish to add some equilibrium to your Facebook cover image layout by having the focus of the photo get on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look much better? The largest layout elements (the profile picture, the text, and also the beer) are equally spaced. In the Samsung cover photo, your attention goes immediately to the left side of the web page, entirely missing the name of the product on the top best side.
Not just is including equilibrium a critical component of style, yet it likewise permits your cover pictures to be much more aesthetically reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social network exclusively from smart phones. That's big-- and also it's precisely why it's so vital to keep mobile customers top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger section of your cover picture is shut out due to the fact that the profile picture and also the Web page name get on top of the cover photo.
Allow's take a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover photo shows at 851 pixels wide by 315 pixels high on desktop computer, it displays just the center 640 pixels vast by 360 pixels high on mobile phones. Have a look at this Facebook assistance record to learn more.
Notification, incidentally, how the text in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual elements, be careful not to put important content so far to the right that it gets removed on mobile.
9) Do integrate the cover picture layout with various other parts of your Facebook Page
If you truly want to get innovative with your cover image, try incorporating its layout with other parts of your Facebook Web page. You could make your profile photo and also cover photo one big canvas, or make use of some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some concepts of what these cover image combinations may appear like.
Combine your account image and cover picture.
With a little creativity and also some layout tweaks, you could make your profile photo and also cover photo look like if they're two parts of one canvas. Check out among Paris' cover photos for a subtle yet engaging means to do that.
Note: Considering that cover photos present in a different way on mobile as well as on desktop, you'll need to select one style to design your cover picture and also account mix for. Since cover images are a lot more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover picture and account picture mix layout.
Draw attention to the buttons on right.
Adhering to the very best methods mentioned over, WeddingWire positions all of its important message to the right of their cover picture-- not only accomplishing an excellent style visual, but additionally drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it could feel like a smart idea to add directional hints like an arrow to obtain people to click on the CTA switches, note that those CTA switches don't show up similarly on the mobile application. In other words, it might be perplexing to mobile users if you incorporate the cover photo design with the buttons.
10) Do include a reduced web link in your cover photo summary that straightens with your page CTA
If you intend to utilize your cover picture to sustain your page CTA, ensure your cover image summary likewise includes a text CTA and also connect to the same offer. In this manner, any time individuals see your cover image straight, they could access the download web link.
Make certain you shorten your web links and also include UTM codes so you could track click them. Reducing and tracking attributes are offered in the HubSpot Marketing Platform as well as in devices like bitly.
( If you wish to discover more about the best ways to write effective call-to-action duplicate for your cover image summary, click on this link to download our free book on creating compelling CTAs.).
11) Do pin a related post right below your Facebook cover photo
Have you ever "pinned" a post to your Facebook Page's Timeline? Generally, pinning an article enables you to highlight a typical Facebook message on the top of your Timeline for 7 days. It's indicated by a little yellow flag on the top right of the blog post.
How does this relate to maximizing your Facebook cover image? Well, if you're hanging around straightening your Facebook Web page CTA, your cover image design, as well as your cover picture summary copy, you should likewise ensure to post about the same point directly to your page, as well as pin that post to the top of your Timeline.
This way, you're providing individuals one very clear call-to-action when they arrive to your page (albeit in a number of different locations)-- which should aid conversions.
To pin a Facebook blog post: Just release the blog post to Facebook, then click the downward arrow on the top right edge of the post and also select "Pin to Top.".
I'll offer you some tips. It's a visual item of web content that sits on top of your web page. Its dimensions are 851 pixels vast by 315 pixels high. It uses up virtually a quarter of the screen on many desktop web browsers.
That's right-- it's your Facebook cover image.
Given that it is just one of one of the most obvious parts of your web page, it's vital that you adhere to Facebook cover photo ideal methods.
Whether you're utilizing Facebook to generate leads, close your following sale, or create a customer community, recognizing the best ways to make and also optimize your cover image is extremely important. Continue reading to learn what you need to (and should not) do in your cover photo.
Facebook Timeline Cover Size
1) Do abide by Facebook's cover photo guidelines
It appears like a no-brainer, but obeying Facebook standards is important to your Facebook Web page existing to begin with. I 'd highly suggest checking out the complete Web page Guidelines, yet here are a few crucial points to bear in mind for your cover photo:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on anyone else's copyright.
You cannot encourage individuals to post your cover to their personal timelines.
If you get captured breaking the above terms, Facebook could take action against your Page. And also while Facebook does not explicitly say what will happen if you violate their Web page standards, it's most likely not wise to get your Facebook Page removed over a cover image offense, so check out the guidelines completely and also comply with them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px tall
You don't want to spend all this time around creating a cover image ... only to have it look strange when you submit it to Facebook.
See to it your cover photo will certainly look fantastic from the start by ensuring it's the ideal dimensions: 851 pixels large and also 315 pixels high.
If you upload a photo smaller sized than those dimensions, Facebook will extend it to fit the appropriate dimension, as long as it's at the very least 399 pixels broad as well as 150 pixels tall.
If you want a no-hassle way to make certain your cover photos are the appropriate size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% text" regulation, yet still attempt to stay aesthetic
Back in 2013, Facebook got rid of any recommendation to the 20% rule on text in cover photos ... but that does not indicate you must go wild with making use of text in your cover picture. The previous rule said that just 20% of your cover picture could be text. Personally, I thought that was way as well limiting for marketing professionals, however the sentiment behind the policy was a good one.
If you're mosting likely to utilize message in your cover picture, maintain that text concise. Your image will certainly be much more interesting as well as engaging.
4) Maintain the photo simple, with a clear centerpiece
Consider your cover photo as the portion of your Page that's "over the fold." If it's sidetracking or low quality, individuals will be most likely to click off the page.
A number of the most effective Facebook cover photos include a single subject as the centerpiece. They also use negative white (i.e., empty space) as a benefit to make the subject, any kind of copy on there, and various other components distinct to Facebook (like the CTA switch on Facebook service Pages) stand apart much more.
5) Do not hide web content behind your profile picture
Because of the means profile pictures are included on Facebook Pages, there's an area of your cover picture that won't show up unless you click it. Your Web page name and also the buttons on the bottom right likewise cover parts of your photo.
According to Facebook's Assistance web page, on desktop computers, the profile photo is located 16 pixels from the left edge of the cover image, and 176 pixels from the top of the cover picture.
That being claimed, you could likewise utilize this covert room to your benefit-- perhaps even concealing an Easter egg behind the account picture for a competition. However commonly, keeping that area clear is a good ideal method.
6) Don't put vital content on the bottom of your picture, either
Your profile picture isn't really the only part of your cover picture that will be partly concealed on your primary Page. You'll likewise wish to stay clear of placing crucial content or key parts of your picture on the bottom of your picture where the name of your Web page and also CTA buttons are.
We suggest attracting an imaginary line concerning midway up your profile photo, as well as maintaining crucial material (like message or hashtags) over that.
7) Do right-align the things in your cover picture
Given that your profile photo gets on left, you wish to add some equilibrium to your Facebook cover image layout by having the focus of the photo get on the right.
Have a look at these cover photos. Which one looks more aesthetically pleasing?
Does not the right-aligned cover picture look much better? The largest layout elements (the profile picture, the text, and also the beer) are equally spaced. In the Samsung cover photo, your attention goes immediately to the left side of the web page, entirely missing the name of the product on the top best side.
Not just is including equilibrium a critical component of style, yet it likewise permits your cover pictures to be much more aesthetically reliable on mobile. Which brings me to my next factor ...
8) Do keep mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social network exclusively from smart phones. That's big-- and also it's precisely why it's so vital to keep mobile customers top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger section of your cover picture is shut out due to the fact that the profile picture and also the Web page name get on top of the cover photo.
Allow's take a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Web page looks like in a desktop browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notice that the sides of the photo are cut off on mobile. Whereas your cover photo shows at 851 pixels wide by 315 pixels high on desktop computer, it displays just the center 640 pixels vast by 360 pixels high on mobile phones. Have a look at this Facebook assistance record to learn more.
Notification, incidentally, how the text in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual elements, be careful not to put important content so far to the right that it gets removed on mobile.
9) Do integrate the cover picture layout with various other parts of your Facebook Page
If you truly want to get innovative with your cover image, try incorporating its layout with other parts of your Facebook Web page. You could make your profile photo and also cover photo one big canvas, or make use of some design elements to draw attention to different capabilities of your Facebook Web page.
Below are some concepts of what these cover image combinations may appear like.
Combine your account image and cover picture.
With a little creativity and also some layout tweaks, you could make your profile photo and also cover photo look like if they're two parts of one canvas. Check out among Paris' cover photos for a subtle yet engaging means to do that.
Note: Considering that cover photos present in a different way on mobile as well as on desktop, you'll need to select one style to design your cover picture and also account mix for. Since cover images are a lot more noticeable on desktop computer, I 'd suggest prioritizing that format for your cover picture and account picture mix layout.
Draw attention to the buttons on right.
Adhering to the very best methods mentioned over, WeddingWire positions all of its important message to the right of their cover picture-- not only accomplishing an excellent style visual, but additionally drawing attention to the primary calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it could feel like a smart idea to add directional hints like an arrow to obtain people to click on the CTA switches, note that those CTA switches don't show up similarly on the mobile application. In other words, it might be perplexing to mobile users if you incorporate the cover photo design with the buttons.
10) Do include a reduced web link in your cover photo summary that straightens with your page CTA
If you intend to utilize your cover picture to sustain your page CTA, ensure your cover image summary likewise includes a text CTA and also connect to the same offer. In this manner, any time individuals see your cover image straight, they could access the download web link.
Make certain you shorten your web links and also include UTM codes so you could track click them. Reducing and tracking attributes are offered in the HubSpot Marketing Platform as well as in devices like bitly.
( If you wish to discover more about the best ways to write effective call-to-action duplicate for your cover image summary, click on this link to download our free book on creating compelling CTAs.).
11) Do pin a related post right below your Facebook cover photo
Have you ever "pinned" a post to your Facebook Page's Timeline? Generally, pinning an article enables you to highlight a typical Facebook message on the top of your Timeline for 7 days. It's indicated by a little yellow flag on the top right of the blog post.
How does this relate to maximizing your Facebook cover image? Well, if you're hanging around straightening your Facebook Web page CTA, your cover image design, as well as your cover picture summary copy, you should likewise ensure to post about the same point directly to your page, as well as pin that post to the top of your Timeline.
This way, you're providing individuals one very clear call-to-action when they arrive to your page (albeit in a number of different locations)-- which should aid conversions.
To pin a Facebook blog post: Just release the blog post to Facebook, then click the downward arrow on the top right edge of the post and also select "Pin to Top.".
