Facebook Cover Image Size
By
Arif Rahman
—
Jan 17, 2018
—
Cover Size
Facebook Cover Image Size: When people arrive at your Facebook Web page, where do you assume they initially look?
I'll give you some hints. It's a visual piece of material that sits on top of your web page. Its dimensions are 851 pixels vast by 315 pixels tall. It takes up virtually a quarter of the display on many desktop computer browsers.
That's right-- it's your Facebook cover photo.
Considering that it is just one of one of the most visible parts of your page, it's crucial that you adhere to Facebook cover picture ideal practices.
Whether you're using Facebook to produce leads, shut your next sale, or produce a consumer area, recognizing how to make and enhance your cover photo is very important. Continue reading to discover exactly what you ought to (and shouldn't) do in your cover photo.
1) Do follow Facebook's cover image guidelines
It appears like a no-brainer, but complying with Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd extremely recommend checking out the full Page Standards, but here are a couple of essential things to remember for your cover picture:
Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on any person else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you obtain captured violating the above terms, Facebook can do something about it versus your Page. And while Facebook doesn't explicitly state what will take place if you breach their Web page guidelines, it's possibly not wise to get your Facebook Web page removed over a cover picture infraction, so review the standards completely as well as abide by them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px high
You don't want to spend all this time around developing a cover image ... only to have it look odd when you post it to Facebook.
Ensure your cover photo will certainly look amazing from the beginning by making certain it's the appropriate dimensions: 851 pixels broad as well as 315 pixels high.
If you publish a picture smaller sized compared to those dimensions, Facebook will stretch it to fit the right dimension, as long as it goes to least 399 pixels large as well as 150 pixels tall.
If you desire a no-hassle method to make certain your cover pictures are the right size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% text" guideline, yet still aim to remain aesthetic
Back in 2013, Facebook removed any type of referral to the 20% regulation on message in cover photos ... but that doesn't suggest you ought to go wild with using text in your cover photo. The previous regulation said that just 20% of your cover picture could be message. Directly, I believed that was way also restrictive for marketers, however the view behind the rule was a good one.
If you're going to use text in your cover picture, keep that message concise. Your image will be much more helpful and also appealing.
4) Keep the picture simple, with a clear focal point
Consider your cover image as the part of your Page that's "over the fold." If it's distracting or low quality, people will certainly be more probable to click off the web page.
Much of the very best Facebook cover images include a solitary subject as the centerpiece. They also make use of adverse white (i.e., void) as an advantage to earn the topic, any copy on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out much more.
5) Don't hide material behind your profile image
Due to the method account pictures are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Page name as well as the buttons on the bottom right also cover sections of your photo.
Inning accordance with Facebook's Aid web page, on desktop computers, the account image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you can additionally use this surprise area to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. But generally, maintaining that area clear is a great ideal practice.
6) Do not put crucial web content under of your image, either
Your profile image isn't the only part of your cover picture that will be partly hidden on your main Page. You'll also intend to avoid putting crucial material or crucial parts of your photo on the bottom of your picture where the name of your Web page as well as CTA switches are.
We advise attracting an imaginary line concerning midway up your profile image, as well as keeping essential content (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your account picture is on left, you wish to add some equilibrium to your Facebook cover picture style by having the emphasis of the photo get on the right.
Have a look at these cover pictures. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover image look better? The biggest layout aspects (the profile image, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes right away to the left side of the page, completely missing the name of the product on the upper ideal side.
Not just is adding balance an important aspect of design, but it additionally enables your cover images to be a lot more aesthetically reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) gain access to the social media network solely from smart phones. That's big-- and it's specifically why it's so crucial to maintain mobile customers top-of-mind when making your Facebook cover image.
On mobile, a much larger section of your cover image is blocked out because the profile picture and also the Page name are on top of the cover image.
Let's have a look at a real-life example. Below, have a look at just what Adobe's Facebook Web page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are removed on mobile. Whereas your cover photo presents at 851 pixels wide by 315 pixels tall on desktop computer, it displays just the facility 640 pixels broad by 360 pixels high on smartphones. Have a look at this Facebook help paper for more details.
Notice, incidentally, how the text in Adobe's cover photo is removed on the right-hand side. While it looks ideal to right-align your aesthetic components, take care not to place crucial material thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Page
If you truly want to obtain imaginative with your cover picture, try integrating its layout with other parts of your Facebook Web page. You can make your account picture as well as cover picture one huge canvas, or utilize some layout elements to draw attention to different capabilities of your Facebook Page.
Below are some ideas of exactly what these cover photo assimilations may appear like.
Incorporate your profile photo and also cover picture.
With a little creative thinking and also some layout modifies, you could make your account picture as well as cover image look like if they're 2 parts of one canvas. Have a look at one of Paris' cover photos for a refined however compelling way to do that.
Note: Given that cover images display in different ways on mobile as well as on desktop computer, you'll have to select one layout to design your cover image and profile mix for. Given that cover images are far more recognizable on desktop, I 'd suggest prioritizing that design for your cover image as well as account image mix style.
Draw attention to the buttons on right.
Following the very best practices pointed out above, WeddingWire places all of its vital message to the right of their cover image-- not just accomplishing a good layout visual, however also drawing attention to the main calls-to-action on the Page: Like, Follow, as well as Message.
Keep in mind: While it may appear like a good idea to include directional cues like an arrow to get individuals to click on the CTA buttons, note that those CTA buttons don't show up the same way on the mobile application. In other words, it might be puzzling to mobile individuals if you incorporate the cover picture style with the switches.
10) Do include a shortened link in your cover image summary that aligns with your web page CTA
If you intend to utilize your cover photo to support your web page CTA, ensure your cover picture summary additionally includes a message CTA as well as link to the same offer. By doing this, at any time people view your cover image straight, they can access the download link.
Make certain you reduce your web links and also include UTM codes so you could track clicks on them. Shortening as well as tracking functions are offered in the HubSpot Marketing Platform as well as in devices like bitly.
( If you want to learn more concerning how to write reliable call-to-action duplicate for your cover picture description, visit this site to download our complimentary ebook on producing compelling CTAs.).
11) Do pin a related post right below your Facebook cover image
Have you ever before "pinned" a message to your Facebook Page's Timeline? Basically, pinning a message allows you to highlight a common Facebook message on the top of your Timeline for seven days. It's signified by a little yellow flag on the leading right of the message.
Just how does this associate with maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover photo layout, and your cover photo summary copy, you ought to additionally make sure to post concerning the exact same thing directly to your page, and pin that upload to the top of your Timeline.
In this way, you're giving people one extremely clear call-to-action when they show up to your page (albeit in numerous various areas)-- which need to aid conversions.
To pin a Facebook message: Simply publish the message to Facebook, after that click the downward arrow on the leading right corner of the post and also choose "Pin to Top.".
I'll give you some hints. It's a visual piece of material that sits on top of your web page. Its dimensions are 851 pixels vast by 315 pixels tall. It takes up virtually a quarter of the display on many desktop computer browsers.
That's right-- it's your Facebook cover photo.
Considering that it is just one of one of the most visible parts of your page, it's crucial that you adhere to Facebook cover picture ideal practices.
Whether you're using Facebook to produce leads, shut your next sale, or produce a consumer area, recognizing how to make and enhance your cover photo is very important. Continue reading to discover exactly what you ought to (and shouldn't) do in your cover photo.
Facebook Cover Image Size
1) Do follow Facebook's cover image guidelines
It appears like a no-brainer, but complying with Facebook guidelines is critical to your Facebook Web page existing in the first place. I 'd extremely recommend checking out the full Page Standards, but here are a couple of essential things to remember for your cover picture:
Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on any person else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you obtain captured violating the above terms, Facebook can do something about it versus your Page. And while Facebook doesn't explicitly state what will take place if you breach their Web page guidelines, it's possibly not wise to get your Facebook Web page removed over a cover picture infraction, so review the standards completely as well as abide by them.
2) Do see to it your Facebook cover picture dimension is right: 851 px large by 315 px high
You don't want to spend all this time around developing a cover image ... only to have it look odd when you post it to Facebook.
Ensure your cover photo will certainly look amazing from the beginning by making certain it's the appropriate dimensions: 851 pixels broad as well as 315 pixels high.
If you publish a picture smaller sized compared to those dimensions, Facebook will stretch it to fit the right dimension, as long as it goes to least 399 pixels large as well as 150 pixels tall.
If you desire a no-hassle method to make certain your cover pictures are the right size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry regarding the old "20% text" guideline, yet still aim to remain aesthetic
Back in 2013, Facebook removed any type of referral to the 20% regulation on message in cover photos ... but that doesn't suggest you ought to go wild with using text in your cover photo. The previous regulation said that just 20% of your cover picture could be message. Directly, I believed that was way also restrictive for marketers, however the view behind the rule was a good one.
If you're going to use text in your cover picture, keep that message concise. Your image will be much more helpful and also appealing.
4) Keep the picture simple, with a clear focal point
Consider your cover image as the part of your Page that's "over the fold." If it's distracting or low quality, people will certainly be more probable to click off the web page.
Much of the very best Facebook cover images include a solitary subject as the centerpiece. They also make use of adverse white (i.e., void) as an advantage to earn the topic, any copy on there, and various other elements one-of-a-kind to Facebook (like the CTA switch on Facebook company Pages) stand out much more.
5) Don't hide material behind your profile image
Due to the method account pictures are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Page name as well as the buttons on the bottom right also cover sections of your photo.
Inning accordance with Facebook's Aid web page, on desktop computers, the account image is located 16 pixels from the left side of the cover photo, and 176 pixels from the top of the cover picture.
That being said, you can additionally use this surprise area to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. But generally, maintaining that area clear is a great ideal practice.
6) Do not put crucial web content under of your image, either
Your profile image isn't the only part of your cover picture that will be partly hidden on your main Page. You'll also intend to avoid putting crucial material or crucial parts of your photo on the bottom of your picture where the name of your Web page as well as CTA switches are.
We advise attracting an imaginary line concerning midway up your profile image, as well as keeping essential content (like text or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your account picture is on left, you wish to add some equilibrium to your Facebook cover picture style by having the emphasis of the photo get on the right.
Have a look at these cover pictures. Which one looks even more aesthetically pleasing?
Doesn't the right-aligned cover image look better? The biggest layout aspects (the profile image, the message, and the beer) are uniformly spaced. In the Samsung cover picture, your attention goes right away to the left side of the page, completely missing the name of the product on the upper ideal side.
Not just is adding balance an important aspect of design, but it additionally enables your cover images to be a lot more aesthetically reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile individuals in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) gain access to the social media network solely from smart phones. That's big-- and it's specifically why it's so crucial to maintain mobile customers top-of-mind when making your Facebook cover image.
On mobile, a much larger section of your cover image is blocked out because the profile picture and also the Page name are on top of the cover image.
Let's have a look at a real-life example. Below, have a look at just what Adobe's Facebook Web page resembles in a desktop internet browser versus on Facebook's mobile application.
Desktop computer:
Mobile:
Notification that the sides of the photo are removed on mobile. Whereas your cover photo presents at 851 pixels wide by 315 pixels tall on desktop computer, it displays just the facility 640 pixels broad by 360 pixels high on smartphones. Have a look at this Facebook help paper for more details.
Notice, incidentally, how the text in Adobe's cover photo is removed on the right-hand side. While it looks ideal to right-align your aesthetic components, take care not to place crucial material thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with other parts of your Facebook Page
If you truly want to obtain imaginative with your cover picture, try integrating its layout with other parts of your Facebook Web page. You can make your account picture as well as cover picture one huge canvas, or utilize some layout elements to draw attention to different capabilities of your Facebook Page.
Below are some ideas of exactly what these cover photo assimilations may appear like.
Incorporate your profile photo and also cover picture.
With a little creative thinking and also some layout modifies, you could make your account picture as well as cover image look like if they're 2 parts of one canvas. Have a look at one of Paris' cover photos for a refined however compelling way to do that.
Note: Given that cover images display in different ways on mobile as well as on desktop computer, you'll have to select one layout to design your cover image and profile mix for. Given that cover images are far more recognizable on desktop, I 'd suggest prioritizing that design for your cover image as well as account image mix style.
Draw attention to the buttons on right.
Following the very best practices pointed out above, WeddingWire places all of its vital message to the right of their cover image-- not just accomplishing a good layout visual, however also drawing attention to the main calls-to-action on the Page: Like, Follow, as well as Message.
Keep in mind: While it may appear like a good idea to include directional cues like an arrow to get individuals to click on the CTA buttons, note that those CTA buttons don't show up the same way on the mobile application. In other words, it might be puzzling to mobile individuals if you incorporate the cover picture style with the switches.
10) Do include a shortened link in your cover image summary that aligns with your web page CTA
If you intend to utilize your cover photo to support your web page CTA, ensure your cover picture summary additionally includes a message CTA as well as link to the same offer. By doing this, at any time people view your cover image straight, they can access the download link.
Make certain you reduce your web links and also include UTM codes so you could track clicks on them. Shortening as well as tracking functions are offered in the HubSpot Marketing Platform as well as in devices like bitly.
( If you want to learn more concerning how to write reliable call-to-action duplicate for your cover picture description, visit this site to download our complimentary ebook on producing compelling CTAs.).
11) Do pin a related post right below your Facebook cover image
Have you ever before "pinned" a message to your Facebook Page's Timeline? Basically, pinning a message allows you to highlight a common Facebook message on the top of your Timeline for seven days. It's signified by a little yellow flag on the leading right of the message.
Just how does this associate with maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover photo layout, and your cover photo summary copy, you ought to additionally make sure to post concerning the exact same thing directly to your page, and pin that upload to the top of your Timeline.
In this way, you're giving people one extremely clear call-to-action when they show up to your page (albeit in numerous various areas)-- which need to aid conversions.
To pin a Facebook message: Simply publish the message to Facebook, after that click the downward arrow on the leading right corner of the post and also choose "Pin to Top.".