Cover Photo Facebook Size
By
Arif Rahman
—
Jan 1, 2018
—
Cover Size
Cover Photo Facebook Size: When individuals reach your Facebook Page, where do you think they initially look?
I'll provide you some tips. 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 uses up almost a quarter of the display on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Considering that it's one of one of the most obvious parts of your page, it's vital that you follow Facebook cover picture finest practices.
Whether you're utilizing Facebook to generate leads, close your next sale, or produce a customer community, knowing ways to make as well as maximize your cover picture is extremely important. Keep reading to discover what you need to (and also shouldn't) perform in your cover image.
1) Do abide by Facebook's cover image standards
It looks like a no-brainer, yet following Facebook standards is essential to your Facebook Web page existing to begin with. I 'd very recommend going through the full Web page Guidelines, however below are a couple of vital things to keep in mind for your cover picture:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on any person else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you get caught going against the above terms, Facebook could take action against your Page. And also while Facebook doesn't explicitly state exactly what will certainly occur if you breach their Page guidelines, it's most likely not clever to obtain your Facebook Page taken down over a cover picture offense, so check out the standards completely and abide by them.
2) Do make sure your Facebook cover photo dimension is right: 851 px wide by 315 px tall
You do not want to invest all this time developing a cover image ... just to have it look weird when you publish it to Facebook.
Ensure your cover picture will certainly look fabulous from the get-go by making sure it's the right measurements: 851 pixels vast and 315 pixels high.
If you submit an image smaller sized than those measurements, Facebook will stretch it to fit the ideal dimension, as long as it's at the very least 399 pixels large as well as 150 pixels tall.
If you desire a no-hassle method to earn sure your cover pictures are the ideal dimension, download our pre-sized template for Facebook cover pictures right here.
3) Don't worry concerning the old "20% text" regulation, but still try to stay visual
Back in 2013, Facebook removed any kind of reference to the 20% regulation on message in cover pictures ... however that doesn't suggest you need to go wild with utilizing message in your cover picture. The previous rule claimed that just 20% of your cover photo could be text. Directly, I thought that was way too restrictive for marketing professionals, but the belief behind the guideline was a good one.
If you're mosting likely to make use of text in your cover picture, maintain that text concise. Your photo will certainly be much more interesting and also appealing.
4) Keep the picture simple, with a clear centerpiece
Consider your cover picture as the section of your Web page that's "above the fold." If it's distracting or poor quality, individuals will be most likely to click off the web page.
A lot of the best Facebook cover pictures include a single subject as the prime focus. They additionally make use of negative white (i.e., empty space) as a benefit to earn the subject, any copy on there, and also other aspects one-of-a-kind to Facebook (like the CTA switch on Facebook organisation Pages) stand out even more.
5) Don't conceal material behind your account photo
As a result of the way account images are included on Facebook Pages, there's a section of your cover photo that will not appear unless you click it. Your Web page name and also the switches under right also cover parts of your image.
Inning accordance with Facebook's Aid web page, on desktop computers, the account picture is located 16 pixels from the left edge of the cover photo, as well as 176 pixels from the top of the cover image.
That being claimed, you can additionally use this concealed space to your benefit-- maybe even concealing an Easter egg behind the account photo for a contest. But commonly, keeping that room clear is an excellent finest technique.
6) Do not place important material under of your photo, either
Your account image isn't really the only part of your cover image that will be partly concealed on your primary Web page. You'll additionally wish to avoid placing crucial material or essential parts of your picture under of your picture where the name of your Web page and also CTA switches are.
We suggest attracting an imaginary line about midway up your account picture, as well as maintaining vital web content (like message or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your account photo is on left, you intend to add some balance to your Facebook cover photo design by having the focus of the photo get on the right.
Take a look at these cover images. Which one looks more cosmetically pleasing?
Does not the right-aligned cover picture look much better? The biggest layout aspects (the account image, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your interest goes instantly to the left side of the web page, entirely missing the name of the product on the top right side.
Not only is including balance an important component of layout, however it also allows for your cover pictures to be a lot more visually efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social media solely from smart phones. That's big-- as well as it's specifically why it's so vital to keep mobile individuals top-of-mind when designing your Facebook cover photo.
On mobile, a much bigger section of your cover image is blocked out because the profile image as well as the Page name are on top of the cover image.
Allow's have a look at a real-life instance. Below, have a look at what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover photo presents at 851 pixels large by 315 pixels high on desktop computer, it displays only the center 640 pixels broad by 360 pixels tall on smart devices. Take a look at this Facebook aid file to find out more.
Notice, incidentally, just how the message in Adobe's cover photo is removed on the right-hand side. While it looks finest to right-align your visual elements, be careful not to place crucial content up until now to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with other parts of your Facebook Page
If you actually wish to get creative with your cover image, try incorporating its style with various other parts of your Facebook Web page. You could make your account picture as well as cover image one huge canvas, or use some design elements to draw attention to various capabilities of your Facebook Web page.
Below are some concepts of exactly what these cover picture combinations might appear like.
Incorporate your account image and also cover image.
With a little creative thinking and some design tweaks, you could make your account photo and also cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover images for a refined however engaging means to do that.
Note: Because cover images display in a different way on mobile and on desktop, you'll have to choose one style to create your cover image and profile combination for. Considering that cover photos are much more noticeable on desktop computer, I 'd recommend prioritizing that layout for your cover photo and profile picture combination style.
Accentuate the buttons on right.
Complying with the best practices mentioned above, WeddingWire puts all of its important text to the right of their cover picture-- not only achieving a good style aesthetic, but also drawing attention to the main calls-to-action on the Web page: Like, Comply with, and also Message.
Keep in mind: While it might look like a good idea to add directional hints like an arrowhead to obtain people to click on the CTA buttons, note that those CTA buttons don't appear the same way on the mobile application. Simply puts, it may be perplexing to mobile users if you integrate the cover picture style with the switches.
10) Do consist of a shortened web link in your cover photo summary that lines up with your page CTA
If you intend to utilize your cover image to sustain your web page CTA, make certain your cover picture description likewise consists of a text CTA as well as connect to the exact same offer. By doing this, at any time individuals watch your cover photo directly, they could access the download link.
Make sure you shorten your web links and also add UTM codes so you can track click them. Reducing and also tracking functions are offered in the HubSpot Advertising Platform as well as in tools like bitly.
( If you intend to learn more about how you can create efficient call-to-action copy for your cover image description, visit this site to download our totally free digital book on creating compelling CTAs.).
11) Do pin an associated article right below your Facebook cover picture
Have you ever before "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a message enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the message.
Exactly how does this connect to maximizing your Facebook cover photo? Well, if you're spending time aligning your Facebook Web page CTA, your cover picture design, and your cover photo summary copy, you ought to also ensure to upload about the very same point directly to your page, and pin that publish to the top of your Timeline.
That way, you're offering individuals one very clear call-to-action when they show up to your web page (albeit in numerous various locations)-- which should help conversions.
To pin a Facebook article: Just release the message to Facebook, after that click the down arrow on the top right corner of the message as well as pick "Pin to Top.".
I'll provide you some tips. 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 uses up almost a quarter of the display on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Considering that it's one of one of the most obvious parts of your page, it's vital that you follow Facebook cover picture finest practices.
Whether you're utilizing Facebook to generate leads, close your next sale, or produce a customer community, knowing ways to make as well as maximize your cover picture is extremely important. Keep reading to discover what you need to (and also shouldn't) perform in your cover image.
Cover Photo Facebook Size
1) Do abide by Facebook's cover image standards
It looks like a no-brainer, yet following Facebook standards is essential to your Facebook Web page existing to begin with. I 'd very recommend going through the full Web page Guidelines, however below are a couple of vital things to keep in mind for your cover picture:
Your cover is public.
Covers can't be misleading, deceptive, or infringe on any person else's copyright.
You can't urge people to publish your cover to their individual timelines.
If you get caught going against the above terms, Facebook could take action against your Page. And also while Facebook doesn't explicitly state exactly what will certainly occur if you breach their Page guidelines, it's most likely not clever to obtain your Facebook Page taken down over a cover picture offense, so check out the standards completely and abide by them.
2) Do make sure your Facebook cover photo dimension is right: 851 px wide by 315 px tall
You do not want to invest all this time developing a cover image ... just to have it look weird when you publish it to Facebook.
Ensure your cover picture will certainly look fabulous from the get-go by making sure it's the right measurements: 851 pixels vast and 315 pixels high.
If you submit an image smaller sized than those measurements, Facebook will stretch it to fit the ideal dimension, as long as it's at the very least 399 pixels large as well as 150 pixels tall.
If you desire a no-hassle method to earn sure your cover pictures are the ideal dimension, download our pre-sized template for Facebook cover pictures right here.
3) Don't worry concerning the old "20% text" regulation, but still try to stay visual
Back in 2013, Facebook removed any kind of reference to the 20% regulation on message in cover pictures ... however that doesn't suggest you need to go wild with utilizing message in your cover picture. The previous rule claimed that just 20% of your cover photo could be text. Directly, I thought that was way too restrictive for marketing professionals, but the belief behind the guideline was a good one.
If you're mosting likely to make use of text in your cover picture, maintain that text concise. Your photo will certainly be much more interesting and also appealing.
4) Keep the picture simple, with a clear centerpiece
Consider your cover picture as the section of your Web page that's "above the fold." If it's distracting or poor quality, individuals will be most likely to click off the web page.
A lot of the best Facebook cover pictures include a single subject as the prime focus. They additionally make use of negative white (i.e., empty space) as a benefit to earn the subject, any copy on there, and also other aspects one-of-a-kind to Facebook (like the CTA switch on Facebook organisation Pages) stand out even more.
5) Don't conceal material behind your account photo
As a result of the way account images are included on Facebook Pages, there's a section of your cover photo that will not appear unless you click it. Your Web page name and also the switches under right also cover parts of your image.
Inning accordance with Facebook's Aid web page, on desktop computers, the account picture is located 16 pixels from the left edge of the cover photo, as well as 176 pixels from the top of the cover image.
That being claimed, you can additionally use this concealed space to your benefit-- maybe even concealing an Easter egg behind the account photo for a contest. But commonly, keeping that room clear is an excellent finest technique.
6) Do not place important material under of your photo, either
Your account image isn't really the only part of your cover image that will be partly concealed on your primary Web page. You'll additionally wish to avoid placing crucial material or essential parts of your picture under of your picture where the name of your Web page and also CTA switches are.
We suggest attracting an imaginary line about midway up your account picture, as well as maintaining vital web content (like message or hashtags) above that.
7) Do right-align the objects in your cover photo
Because your account photo is on left, you intend to add some balance to your Facebook cover photo design by having the focus of the photo get on the right.
Take a look at these cover images. Which one looks more cosmetically pleasing?
Does not the right-aligned cover picture look much better? The biggest layout aspects (the account image, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your interest goes instantly to the left side of the web page, entirely missing the name of the product on the top right side.
Not only is including balance an important component of layout, however it also allows for your cover pictures to be a lot more visually efficient on mobile. Which brings me to my following point ...
8) Do maintain mobile customers in mind
In April 2016, Facebook reported that over half of its individual base (54.2%) access the social media solely from smart phones. That's big-- as well as it's specifically why it's so vital to keep mobile individuals top-of-mind when designing your Facebook cover photo.
On mobile, a much bigger section of your cover image is blocked out because the profile image as well as the Page name are on top of the cover image.
Allow's have a look at a real-life instance. Below, have a look at what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile app.
Desktop computer:
Mobile:
Notification that the sides of the picture are cut off on mobile. Whereas your cover photo presents at 851 pixels large by 315 pixels high on desktop computer, it displays only the center 640 pixels broad by 360 pixels tall on smart devices. Take a look at this Facebook aid file to find out more.
Notice, incidentally, just how the message in Adobe's cover photo is removed on the right-hand side. While it looks finest to right-align your visual elements, be careful not to place crucial content up until now to the right that it obtains cut off on mobile.
9) Do integrate the cover image layout with other parts of your Facebook Page
If you actually wish to get creative with your cover image, try incorporating its style with various other parts of your Facebook Web page. You could make your account picture as well as cover image one huge canvas, or use some design elements to draw attention to various capabilities of your Facebook Web page.
Below are some concepts of exactly what these cover picture combinations might appear like.
Incorporate your account image and also cover image.
With a little creative thinking and some design tweaks, you could make your account photo and also cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover images for a refined however engaging means to do that.
Note: Because cover images display in a different way on mobile and on desktop, you'll have to choose one style to create your cover image and profile combination for. Considering that cover photos are much more noticeable on desktop computer, I 'd recommend prioritizing that layout for your cover photo and profile picture combination style.
Accentuate the buttons on right.
Complying with the best practices mentioned above, WeddingWire puts all of its important text to the right of their cover picture-- not only achieving a good style aesthetic, but also drawing attention to the main calls-to-action on the Web page: Like, Comply with, and also Message.
Keep in mind: While it might look like a good idea to add directional hints like an arrowhead to obtain people to click on the CTA buttons, note that those CTA buttons don't appear the same way on the mobile application. Simply puts, it may be perplexing to mobile users if you integrate the cover picture style with the switches.
10) Do consist of a shortened web link in your cover photo summary that lines up with your page CTA
If you intend to utilize your cover image to sustain your web page CTA, make certain your cover picture description likewise consists of a text CTA as well as connect to the exact same offer. By doing this, at any time individuals watch your cover photo directly, they could access the download link.
Make sure you shorten your web links and also add UTM codes so you can track click them. Reducing and also tracking functions are offered in the HubSpot Advertising Platform as well as in tools like bitly.
( If you intend to learn more about how you can create efficient call-to-action copy for your cover image description, visit this site to download our totally free digital book on creating compelling CTAs.).
11) Do pin an associated article right below your Facebook cover picture
Have you ever before "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a message enables you to highlight a normal Facebook post on the top of your Timeline for seven days. It's represented by a little yellow flag on the leading right of the message.
Exactly how does this connect to maximizing your Facebook cover photo? Well, if you're spending time aligning your Facebook Web page CTA, your cover picture design, and your cover photo summary copy, you ought to also ensure to upload about the very same point directly to your page, and pin that publish to the top of your Timeline.
That way, you're offering individuals one very clear call-to-action when they show up to your web page (albeit in numerous various locations)-- which should help conversions.
To pin a Facebook article: Just release the message to Facebook, after that click the down arrow on the top right corner of the message as well as pick "Pin to Top.".