Facebook Cover Photos Size
By
Arif Rahman
—
Dec 30, 2017
—
Cover Size
Facebook Cover Photos Size: When people reach your Facebook Page, where do you believe they first look?
I'll provide you some hints. It's an aesthetic piece of content that rests on top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It takes up nearly a quarter of the display on many desktop browsers.
That's right-- it's your Facebook cover photo.
Because it is among one of the most obvious parts of your web page, it's critical that you adhere to Facebook cover picture best methods.
Whether you're utilizing Facebook to produce leads, shut your next sale, or produce a client community, knowing the best ways to make and also optimize your cover picture is extremely important. Read on to discover what you must (and also should not) carry out in your cover picture.
1) Do comply with Facebook's cover picture guidelines
It looks like a no-brainer, yet complying with Facebook guidelines is vital to your Facebook Page existing in the first place. I 'd highly suggest checking out the full Page Guidelines, yet right here are a couple of important things to remember for your cover photo:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on any person else's copyright.
You can't urge individuals to post your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook might act against your Page. As well as while Facebook doesn't clearly claim what will occur if you violate their Web page standards, it's possibly not wise to get your Facebook Web page removed over a cover picture offense, so read the standards in full and stick to them.
2) Do ensure your Facebook cover photo dimension is right: 851 px large by 315 px tall
You don't intend to spend all this time around creating a cover picture ... just to have it look odd when you post it to Facebook.
Make certain your cover photo will certainly look wonderful from the start by making certain it's the best measurements: 851 pixels large as well as 315 pixels tall.
If you submit an image smaller than those measurements, Facebook will extend it to fit the right dimension, as long as it's at least 399 pixels broad as well as 150 pixels high.
If you want a no-hassle way to earn sure your cover images are the right size, download our pre-sized layout for Facebook cover images right here.
3) Don't worry about the old "20% text" rule, however still aim to remain visual
Back in 2013, Facebook got rid of any kind of reference to the 20% guideline on text in cover images ... yet that does not mean you should go wild with utilizing text in your cover image. The previous policy claimed that only 20% of your cover photo could be message. Directly, I believed that was way too limiting for marketers, but the belief behind the regulation was a good one.
If you're mosting likely to utilize message in your cover picture, maintain that text concise. Your picture will be a lot more helpful and also interesting.
4) Keep the image simple, with a clear prime focus
Think of your cover image as the section of your Web page that's "above the layer." If it's distracting or low quality, individuals will certainly be more likely to click off the page.
Many of the most effective Facebook cover images include a solitary subject as the prime focus. They also make use of unfavorable white (i.e., void) as a benefit to make the subject, any duplicate on there, and also various other components special to Facebook (like the CTA switch on Facebook service Pages) stick out much more.
5) Don't hide content behind your account picture
Due to the way profile images are included on Facebook Pages, there's an area of your cover image that will not show up unless you click on it. Your Page name and also the buttons on the bottom right likewise cover portions of your picture.
According to Facebook's Help web page, on home computer, the profile photo lies 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover photo.
That being said, you could additionally utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the profile image for a contest. However typically, keeping that area clear is a great ideal technique.
6) Don't place important web content under of your photo, either
Your profile photo isn't the only part of your cover photo that will be partly hidden on your primary Page. You'll additionally want to stay clear of placing essential material or essential parts of your image under of your image where the name of your Web page as well as CTA switches are.
We recommend attracting an imaginary line about halfway up your profile image, as well as keeping essential material (like text or hashtags) over that.
7) Do right-align the things in your cover image
Because your profile image is on left, you intend to add some equilibrium to your Facebook cover picture style by having the emphasis of the image be on the right.
Take a look at these cover pictures. Which one looks more aesthetically pleasing?
Does not the right-aligned cover photo look better? The greatest layout elements (the account image, the message, as well as the beer) are uniformly spaced. In the Samsung cover photo, your focus goes promptly to the left side of the web page, completely missing out on the name of the product on the top right side.
Not only is adding balance a crucial aspect of design, yet it also allows for your cover photos to be much more visually reliable 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 individual base (54.2%) accessibility the social network solely from mobile devices. That's significant-- and it's precisely why it's so vital to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger part of your cover picture is blocked out due to the fact that the account photo and the Web page name are on top of the cover photo.
Let's take a look at a real-life example. Listed below, have a look at what Adobe's Facebook Web page looks like in a desktop internet browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notification that the sides of the image are removed on mobile. Whereas your cover photo shows at 851 pixels wide by 315 pixels tall on desktop, it displays only the facility 640 pixels vast by 360 pixels tall on mobile phones. Take a look at this Facebook aid document for additional information.
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 visual aspects, be careful not to place vital web content so far to the right that it obtains removed on mobile.
9) Do integrate the cover image style with various other parts of your Facebook Page
If you really want to get innovative with your cover image, try incorporating its style with various other parts of your Facebook Page. You could make your profile photo and also cover image one large canvas, or utilize some design elements to draw attention to various capabilities of your Facebook Web page.
Below are some concepts of what these cover picture combinations could resemble.
Combine your profile picture and cover picture.
With a little imagination as well as some style modifies, you can make your account photo and cover image appear as if they're two parts of one canvas. Have a look at one of Paris' cover photos for a refined but engaging way to do that.
Keep in mind: Since cover pictures display differently on mobile and on desktop computer, you'll have to select one format to design your cover picture as well as account mix for. Considering that cover photos are far more recognizable on desktop, I would certainly suggest focusing on that design for your cover image and also account photo mix style.
Draw attention to the switches on right.
Following the very best methods discussed over, WeddingWire positions all of its essential message to the right of their cover photo-- not just attaining a good design aesthetic, however additionally accentuating the major calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it might appear like a good idea to include directional cues like an arrowhead to get people to click the CTA switches, keep in mind that those CTA buttons do not show up the same way on the mobile app. Simply puts, it may be confusing to mobile users if you integrate the cover image layout with the switches.
10) Do consist of a reduced web link in your cover image description that aligns with your web page CTA
If you wish to use your cover photo to support your web page CTA, see to it your cover picture summary also includes a text CTA and also link to the same offer. In this manner, at any time individuals watch your cover image directly, they can access the download web link.
Make sure you reduce your web links and also include UTM codes so you could track click them. Reducing and tracking functions are offered in the HubSpot Advertising And Marketing System and in tools like bitly.
( If you intend to learn more regarding how you can compose effective call-to-action copy for your cover picture summary, visit this site to download our free book on developing engaging CTAs.).
11) Do pin a related message right below your Facebook cover image
Have you ever "pinned" a message to your Facebook Page's Timeline? Primarily, pinning a message allows you to highlight a common Facebook message on the top of your Timeline for seven days. It's represented by a small yellow flag on the top right of the message.
How does this connect to maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover photo style, and your cover image description copy, you must likewise make certain to upload about the same thing directly to your web page, and also pin that upload to the top of your Timeline.
By doing this, you're offering individuals one extremely clear call-to-action when they arrive to your page (albeit in numerous various locations)-- which must aid conversions.
To pin a Facebook message: Just release the article to Facebook, then click the down arrowhead on the top right corner of the article and select "Pin to Top.".
I'll provide you some hints. It's an aesthetic piece of content that rests on top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It takes up nearly a quarter of the display on many desktop browsers.
That's right-- it's your Facebook cover photo.
Because it is among one of the most obvious parts of your web page, it's critical that you adhere to Facebook cover picture best methods.
Whether you're utilizing Facebook to produce leads, shut your next sale, or produce a client community, knowing the best ways to make and also optimize your cover picture is extremely important. Read on to discover what you must (and also should not) carry out in your cover picture.
Facebook Cover Photos Size
1) Do comply with Facebook's cover picture guidelines
It looks like a no-brainer, yet complying with Facebook guidelines is vital to your Facebook Page existing in the first place. I 'd highly suggest checking out the full Page Guidelines, yet right here are a couple of important things to remember for your cover photo:
Your cover is public.
Covers cannot be misleading, deceptive, or infringe on any person else's copyright.
You can't urge individuals to post your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook might act against your Page. As well as while Facebook doesn't clearly claim what will occur if you violate their Web page standards, it's possibly not wise to get your Facebook Web page removed over a cover picture offense, so read the standards in full and stick to them.
2) Do ensure your Facebook cover photo dimension is right: 851 px large by 315 px tall
You don't intend to spend all this time around creating a cover picture ... just to have it look odd when you post it to Facebook.
Make certain your cover photo will certainly look wonderful from the start by making certain it's the best measurements: 851 pixels large as well as 315 pixels tall.
If you submit an image smaller than those measurements, Facebook will extend it to fit the right dimension, as long as it's at least 399 pixels broad as well as 150 pixels high.
If you want a no-hassle way to earn sure your cover images are the right size, download our pre-sized layout for Facebook cover images right here.
3) Don't worry about the old "20% text" rule, however still aim to remain visual
Back in 2013, Facebook got rid of any kind of reference to the 20% guideline on text in cover images ... yet that does not mean you should go wild with utilizing text in your cover image. The previous policy claimed that only 20% of your cover photo could be message. Directly, I believed that was way too limiting for marketers, but the belief behind the regulation was a good one.
If you're mosting likely to utilize message in your cover picture, maintain that text concise. Your picture will be a lot more helpful and also interesting.
4) Keep the image simple, with a clear prime focus
Think of your cover image as the section of your Web page that's "above the layer." If it's distracting or low quality, individuals will certainly be more likely to click off the page.
Many of the most effective Facebook cover images include a solitary subject as the prime focus. They also make use of unfavorable white (i.e., void) as a benefit to make the subject, any duplicate on there, and also various other components special to Facebook (like the CTA switch on Facebook service Pages) stick out much more.
5) Don't hide content behind your account picture
Due to the way profile images are included on Facebook Pages, there's an area of your cover image that will not show up unless you click on it. Your Page name and also the buttons on the bottom right likewise cover portions of your picture.
According to Facebook's Help web page, on home computer, the profile photo lies 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover photo.
That being said, you could additionally utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the profile image for a contest. However typically, keeping that area clear is a great ideal technique.
6) Don't place important web content under of your photo, either
Your profile photo isn't the only part of your cover photo that will be partly hidden on your primary Page. You'll additionally want to stay clear of placing essential material or essential parts of your image under of your image where the name of your Web page as well as CTA switches are.
We recommend attracting an imaginary line about halfway up your profile image, as well as keeping essential material (like text or hashtags) over that.
7) Do right-align the things in your cover image
Because your profile image is on left, you intend to add some equilibrium to your Facebook cover picture style by having the emphasis of the image be on the right.
Take a look at these cover pictures. Which one looks more aesthetically pleasing?
Does not the right-aligned cover photo look better? The greatest layout elements (the account image, the message, as well as the beer) are uniformly spaced. In the Samsung cover photo, your focus goes promptly to the left side of the web page, completely missing out on the name of the product on the top right side.
Not only is adding balance a crucial aspect of design, yet it also allows for your cover photos to be much more visually reliable 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 individual base (54.2%) accessibility the social network solely from mobile devices. That's significant-- and it's precisely why it's so vital to maintain mobile users top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger part of your cover picture is blocked out due to the fact that the account photo and the Web page name are on top of the cover photo.
Let's take a look at a real-life example. Listed below, have a look at what Adobe's Facebook Web page looks like in a desktop internet browser versus on Facebook's mobile app.
Desktop:
Mobile:
Notification that the sides of the image are removed on mobile. Whereas your cover photo shows at 851 pixels wide by 315 pixels tall on desktop, it displays only the facility 640 pixels vast by 360 pixels tall on mobile phones. Take a look at this Facebook aid document for additional information.
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 visual aspects, be careful not to place vital web content so far to the right that it obtains removed on mobile.
9) Do integrate the cover image style with various other parts of your Facebook Page
If you really want to get innovative with your cover image, try incorporating its style with various other parts of your Facebook Page. You could make your profile photo and also cover image one large canvas, or utilize some design elements to draw attention to various capabilities of your Facebook Web page.
Below are some concepts of what these cover picture combinations could resemble.
Combine your profile picture and cover picture.
With a little imagination as well as some style modifies, you can make your account photo and cover image appear as if they're two parts of one canvas. Have a look at one of Paris' cover photos for a refined but engaging way to do that.
Keep in mind: Since cover pictures display differently on mobile and on desktop computer, you'll have to select one format to design your cover picture as well as account mix for. Considering that cover photos are far more recognizable on desktop, I would certainly suggest focusing on that design for your cover image and also account photo mix style.
Draw attention to the switches on right.
Following the very best methods discussed over, WeddingWire positions all of its essential message to the right of their cover photo-- not just attaining a good design aesthetic, however additionally accentuating the major calls-to-action on the Web page: Like, Comply with, and Message.
Keep in mind: While it might appear like a good idea to include directional cues like an arrowhead to get people to click the CTA switches, keep in mind that those CTA buttons do not show up the same way on the mobile app. Simply puts, it may be confusing to mobile users if you integrate the cover image layout with the switches.
10) Do consist of a reduced web link in your cover image description that aligns with your web page CTA
If you wish to use your cover photo to support your web page CTA, see to it your cover picture summary also includes a text CTA and also link to the same offer. In this manner, at any time individuals watch your cover image directly, they can access the download web link.
Make sure you reduce your web links and also include UTM codes so you could track click them. Reducing and tracking functions are offered in the HubSpot Advertising And Marketing System and in tools like bitly.
( If you intend to learn more regarding how you can compose effective call-to-action copy for your cover picture summary, visit this site to download our free book on developing engaging CTAs.).
11) Do pin a related message right below your Facebook cover image
Have you ever "pinned" a message to your Facebook Page's Timeline? Primarily, pinning a message allows you to highlight a common Facebook message on the top of your Timeline for seven days. It's represented by a small yellow flag on the top right of the message.
How does this connect to maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover photo style, and your cover image description copy, you must likewise make certain to upload about the same thing directly to your web page, and also pin that upload to the top of your Timeline.
By doing this, you're offering individuals one extremely clear call-to-action when they arrive to your page (albeit in numerous various locations)-- which must aid conversions.
To pin a Facebook message: Just release the article to Facebook, then click the down arrowhead on the top right corner of the article and select "Pin to Top.".