Cover Photo Size for Facebook Timeline
By
Arif Rahman
—
Feb 1, 2018
—
Cover Size
Cover Photo Size For Facebook Timeline: When people get to your Facebook Page, where do you think they initially look?
I'll provide you some hints. It's a visual piece of material that rests on top of your page. Its dimensions are 851 pixels large by 315 pixels high. It occupies nearly a quarter of the display on the majority of desktop computer internet browsers.
That's right-- it's your Facebook cover photo.
Since it is among one of the most obvious parts of your web page, it's essential that you adhere to Facebook cover image best practices.
Whether you're making use of Facebook to create leads, shut your following sale, or develop a customer neighborhood, knowing how to make and also optimize your cover image is essential. Keep reading to discover exactly what you ought to (and also should not) carry out in your cover photo.
1) Do follow Facebook's cover photo guidelines
It feels like a no-brainer, however complying with Facebook guidelines is important to your Facebook Web page existing in the first place. I 'd highly suggest reviewing the full Page Standards, however here are a couple of vital things to keep in mind for your cover image:
Your cover is public.
Covers can not be deceptive, misleading, or infringe on anybody else's copyright.
You can not encourage people to publish your cover to their personal timelines.
If you obtain caught going against the above terms, Facebook can take action versus your Web page. And also while Facebook does not explicitly state exactly what will certainly occur if you breach their Page guidelines, it's possibly not smart to obtain your Facebook Web page taken down over a cover image offense, so review the guidelines in full as well as follow them.
2) Do make sure your Facebook cover picture dimension is right: 851 px wide by 315 px tall
You do not want to invest all this moment developing a cover photo ... just to have it look weird when you upload it to Facebook.
Make sure your cover picture will look remarkable from the get-go by making certain it's the appropriate measurements: 851 pixels broad and also 315 pixels high.
If you submit a photo smaller compared to those measurements, Facebook will certainly extend it to fit the best size, as long as it's at least 399 pixels large and also 150 pixels high.
If you desire a no-hassle means making sure your cover images are the best size, download our pre-sized design template for Facebook cover images below.
3) Don't worry concerning the old "20% text" regulation, however still try to stay aesthetic
Back in 2013, Facebook removed any kind of recommendation to the 20% rule on message in cover images ... however that does not imply you must go wild with making use of message in your cover photo. The previous regulation stated that only 20% of your cover photo could be text. Personally, I thought that was way too limiting for marketers, but the sentiment behind the policy was a good one.
If you're going to make use of text in your cover image, keep that text concise. Your photo will certainly be a lot more useful and also engaging.
4) Keep the photo simple, with a clear centerpiece
Think of your cover image as the portion of your Web page that's "over the fold." If it's distracting or low quality, individuals will be more probable to click off the page.
Much of the very best Facebook cover pictures include a single subject as the focal point. They also use unfavorable white (i.e., void) as an advantage to earn the topic, any type of duplicate on there, and also other components distinct to Facebook (like the CTA switch on Facebook company Pages) stand apart a lot more.
5) Do not hide content behind your account photo
Due to the means account images are featured on Facebook Pages, there's a section of your cover photo that won't appear unless you click on it. Your Page name and also the switches on the bottom right additionally cover portions of your photo.
Inning accordance with Facebook's Aid page, on desktop computers, the account picture is located 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover picture.
That being said, you can also use this hidden room to your advantage-- maybe even hiding an Easter egg behind the account photo for a contest. Yet normally, maintaining that space clear is a good finest technique.
6) Do not put important content under of your image, either
Your profile picture isn't really the only part of your cover image that will be partly concealed on your main Web page. You'll likewise wish to stay clear of placing important web content or crucial parts of your photo under of your image where the name of your Page and CTA buttons are.
We recommend drawing an imaginary line concerning midway up your profile image, and also keeping vital content (like text or hashtags) over that.
7) Do right-align the objects in your cover image
Since your profile image is on left, you wish to add some balance to your Facebook cover picture layout by having the focus of the image be on the right.
Have a look at these cover photos. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover picture look better? The biggest design elements (the profile photo, the message, and also the beer) are uniformly spaced. In the Samsung cover image, your interest goes promptly to the left side of the page, entirely missing out on the name of the item on the upper best side.
Not only is adding equilibrium a critical element of style, however it likewise permits your cover photos to be more visually efficient on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social network exclusively from mobile devices. That's huge-- 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 larger part of your cover image is shut out because the profile photo and the Page name are on top of the cover image.
Allow's have a look at a real-life example. Listed below, have a look at just what Adobe's Facebook Web page resembles in a desktop computer internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels high on desktop computer, it presents just the center 640 pixels vast by 360 pixels tall on smart devices. Have a look at this Facebook assistance record for more details.
Notification, incidentally, just how the message in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your aesthetic components, be careful not to put vital material so far to the right that it obtains cut off on mobile.
9) Do incorporate the cover picture style with various other parts of your Facebook Web page
If you truly intend to get innovative with your cover image, attempt integrating its layout with various other parts of your Facebook Web page. You can make your account image and also cover picture one big canvas, or make use of some design aspects to accentuate various capabilities of your Facebook Page.
Below are some suggestions of what these cover photo combinations may appear like.
Combine your account picture and cover image.
With a little creativity and some design fine-tunes, you can make your account image as well as cover image appear as if they're 2 parts of one canvas. Take a look at one of Paris' cover images for a refined but engaging means to do that.
Note: Considering that cover pictures display differently on mobile as well as on desktop computer, you'll need to pick one format to develop your cover picture and also account combination for. Since cover images are a lot more visible on desktop, I would certainly recommend prioritizing that layout for your cover image as well as account image mix layout.
Draw attention to the switches on right.
Following the best practices mentioned over, WeddingWire places every one of its crucial message to the right of their cover picture-- not only accomplishing a great layout aesthetic, yet also drawing attention to the primary calls-to-action on the Page: Like, Comply with, as well as Message.
Note: While it may appear like a smart idea to add directional cues like an arrowhead to get people to click on the CTA switches, note that those CTA buttons don't appear similarly on the mobile application. Simply puts, it may be perplexing to mobile customers if you integrate the cover photo layout with the switches.
10) Do consist of a shortened link in your cover picture summary that lines up with your web page CTA
If you wish to utilize your cover image to support your page CTA, make certain your cover picture description additionally consists of a text CTA and connect to the exact same offer. This way, at any time people watch your cover image straight, they can access the download web link.
See to it you reduce your web links and also add UTM codes so you can track clicks on them. Shortening and also tracking attributes are readily available in the HubSpot Advertising Platform and also in devices like bitly.
( If you wish to learn more regarding the best ways to create efficient call-to-action copy for your cover image description, go here to download our totally free ebook on developing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover picture
Have you ever "pinned" a post to your Facebook Page's Timeline? Essentially, pinning a post permits you to highlight a typical Facebook message on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the post.
Exactly how does this connect to maximizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Page CTA, your cover picture layout, and your cover picture summary copy, you must also make sure to upload concerning the exact same point straight to your page, and also pin that publish to the top of your Timeline.
This way, you're giving people one very clear call-to-action when they show up to your page (albeit in a number of various locations)-- which must assist conversions.
To pin a Facebook article: Merely publish the article to Facebook, after that click the downward arrow on the top right corner of the blog post as well as choose "Pin to Top.".
I'll provide you some hints. It's a visual piece of material that rests on top of your page. Its dimensions are 851 pixels large by 315 pixels high. It occupies nearly a quarter of the display on the majority of desktop computer internet browsers.
That's right-- it's your Facebook cover photo.
Since it is among one of the most obvious parts of your web page, it's essential that you adhere to Facebook cover image best practices.
Whether you're making use of Facebook to create leads, shut your following sale, or develop a customer neighborhood, knowing how to make and also optimize your cover image is essential. Keep reading to discover exactly what you ought to (and also should not) carry out in your cover photo.
Cover Photo Size For Facebook Timeline
1) Do follow Facebook's cover photo guidelines
It feels like a no-brainer, however complying with Facebook guidelines is important to your Facebook Web page existing in the first place. I 'd highly suggest reviewing the full Page Standards, however here are a couple of vital things to keep in mind for your cover image:
Your cover is public.
Covers can not be deceptive, misleading, or infringe on anybody else's copyright.
You can not encourage people to publish your cover to their personal timelines.
If you obtain caught going against the above terms, Facebook can take action versus your Web page. And also while Facebook does not explicitly state exactly what will certainly occur if you breach their Page guidelines, it's possibly not smart to obtain your Facebook Web page taken down over a cover image offense, so review the guidelines in full as well as follow them.
2) Do make sure your Facebook cover picture dimension is right: 851 px wide by 315 px tall
You do not want to invest all this moment developing a cover photo ... just to have it look weird when you upload it to Facebook.
Make sure your cover picture will look remarkable from the get-go by making certain it's the appropriate measurements: 851 pixels broad and also 315 pixels high.
If you submit a photo smaller compared to those measurements, Facebook will certainly extend it to fit the best size, as long as it's at least 399 pixels large and also 150 pixels high.
If you desire a no-hassle means making sure your cover images are the best size, download our pre-sized design template for Facebook cover images below.
3) Don't worry concerning the old "20% text" regulation, however still try to stay aesthetic
Back in 2013, Facebook removed any kind of recommendation to the 20% rule on message in cover images ... however that does not imply you must go wild with making use of message in your cover photo. The previous regulation stated that only 20% of your cover photo could be text. Personally, I thought that was way too limiting for marketers, but the sentiment behind the policy was a good one.
If you're going to make use of text in your cover image, keep that text concise. Your photo will certainly be a lot more useful and also engaging.
4) Keep the photo simple, with a clear centerpiece
Think of your cover image as the portion of your Web page that's "over the fold." If it's distracting or low quality, individuals will be more probable to click off the page.
Much of the very best Facebook cover pictures include a single subject as the focal point. They also use unfavorable white (i.e., void) as an advantage to earn the topic, any type of duplicate on there, and also other components distinct to Facebook (like the CTA switch on Facebook company Pages) stand apart a lot more.
5) Do not hide content behind your account photo
Due to the means account images are featured on Facebook Pages, there's a section of your cover photo that won't appear unless you click on it. Your Page name and also the switches on the bottom right additionally cover portions of your photo.
Inning accordance with Facebook's Aid page, on desktop computers, the account picture is located 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover picture.
That being said, you can also use this hidden room to your advantage-- maybe even hiding an Easter egg behind the account photo for a contest. Yet normally, maintaining that space clear is a good finest technique.
6) Do not put important content under of your image, either
Your profile picture isn't really the only part of your cover image that will be partly concealed on your main Web page. You'll likewise wish to stay clear of placing important web content or crucial parts of your photo under of your image where the name of your Page and CTA buttons are.
We recommend drawing an imaginary line concerning midway up your profile image, and also keeping vital content (like text or hashtags) over that.
7) Do right-align the objects in your cover image
Since your profile image is on left, you wish to add some balance to your Facebook cover picture layout by having the focus of the image be on the right.
Have a look at these cover photos. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover picture look better? The biggest design elements (the profile photo, the message, and also the beer) are uniformly spaced. In the Samsung cover image, your interest goes promptly to the left side of the page, entirely missing out on the name of the item on the upper best side.
Not only is adding equilibrium a critical element of style, however it likewise permits your cover photos to be more visually efficient on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) accessibility the social network exclusively from mobile devices. That's huge-- 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 larger part of your cover image is shut out because the profile photo and the Page name are on top of the cover image.
Allow's have a look at a real-life example. Listed below, have a look at just what Adobe's Facebook Web page resembles in a desktop computer internet browser versus on Facebook's mobile application.
Desktop:
Mobile:
Notification that the sides of the image are cut off on mobile. Whereas your cover image presents at 851 pixels wide by 315 pixels high on desktop computer, it presents just the center 640 pixels vast by 360 pixels tall on smart devices. Have a look at this Facebook assistance record for more details.
Notification, incidentally, just how the message in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your aesthetic components, be careful not to put vital material so far to the right that it obtains cut off on mobile.
9) Do incorporate the cover picture style with various other parts of your Facebook Web page
If you truly intend to get innovative with your cover image, attempt integrating its layout with various other parts of your Facebook Web page. You can make your account image and also cover picture one big canvas, or make use of some design aspects to accentuate various capabilities of your Facebook Page.
Below are some suggestions of what these cover photo combinations may appear like.
Combine your account picture and cover image.
With a little creativity and some design fine-tunes, you can make your account image as well as cover image appear as if they're 2 parts of one canvas. Take a look at one of Paris' cover images for a refined but engaging means to do that.
Note: Considering that cover pictures display differently on mobile as well as on desktop computer, you'll need to pick one format to develop your cover picture and also account combination for. Since cover images are a lot more visible on desktop, I would certainly recommend prioritizing that layout for your cover image as well as account image mix layout.
Draw attention to the switches on right.
Following the best practices mentioned over, WeddingWire places every one of its crucial message to the right of their cover picture-- not only accomplishing a great layout aesthetic, yet also drawing attention to the primary calls-to-action on the Page: Like, Comply with, as well as Message.
Note: While it may appear like a smart idea to add directional cues like an arrowhead to get people to click on the CTA switches, note that those CTA buttons don't appear similarly on the mobile application. Simply puts, it may be perplexing to mobile customers if you integrate the cover photo layout with the switches.
10) Do consist of a shortened link in your cover picture summary that lines up with your web page CTA
If you wish to utilize your cover image to support your page CTA, make certain your cover picture description additionally consists of a text CTA and connect to the exact same offer. This way, at any time people watch your cover image straight, they can access the download web link.
See to it you reduce your web links and also add UTM codes so you can track clicks on them. Shortening and also tracking attributes are readily available in the HubSpot Advertising Platform and also in devices like bitly.
( If you wish to learn more regarding the best ways to create efficient call-to-action copy for your cover image description, go here to download our totally free ebook on developing compelling CTAs.).
11) Do pin a relevant article right below your Facebook cover picture
Have you ever "pinned" a post to your Facebook Page's Timeline? Essentially, pinning a post permits you to highlight a typical Facebook message on the top of your Timeline for 7 days. It's signified by a small yellow flag on the top right of the post.
Exactly how does this connect to maximizing your Facebook cover picture? Well, if you're hanging out straightening your Facebook Page CTA, your cover picture layout, and your cover picture summary copy, you must also make sure to upload concerning the exact same point straight to your page, and also pin that publish to the top of your Timeline.
This way, you're giving people one very clear call-to-action when they show up to your page (albeit in a number of various locations)-- which must assist conversions.
To pin a Facebook article: Merely publish the article to Facebook, after that click the downward arrow on the top right corner of the blog post as well as choose "Pin to Top.".