Facebook Cover Picture Size
By
Arif Rahman
—
Jan 19, 2018
—
Cover Size
Facebook Cover Picture Size: When individuals get to your Facebook Web page, where do you think they first look?
I'll offer you some hints. It's a visual piece of web content that sits on top of your page. Its measurements are 851 pixels large by 315 pixels tall. It occupies nearly a quarter of the display on the majority of desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it's one of the most obvious parts of your web page, it's essential that you follow Facebook cover picture ideal techniques.
Whether you're making use of Facebook to generate leads, close your following sale, or produce a consumer community, knowing how to make and also enhance your cover image is extremely important. Continue reading to discover exactly what you must (and also shouldn't) perform in your cover photo.
1) Do follow Facebook's cover picture guidelines
It seems like a no-brainer, yet complying with Facebook standards is essential to your Facebook Page existing to begin with. I 'd very suggest going through the full Web page Guidelines, but here are a couple of essential points to remember for your cover image:
Your cover is public.
Covers cannot be deceitful, misleading, or infringe on any person else's copyright.
You cannot urge individuals to submit your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might do something about it versus your Page. As well as while Facebook does not clearly say exactly what will certainly take place if you violate their Web page guidelines, it's most likely not wise to get your Facebook Web page removed over a cover image violation, so check out the guidelines in full and follow them.
2) Do make sure your Facebook cover image size is right: 851 px large by 315 px tall
You don't intend to spend all this time around designing a cover image ... just to have it look unusual when you submit it to Facebook.
Make certain your cover image will certainly look magnificent from the beginning by making certain it's the appropriate dimensions: 851 pixels wide as well as 315 pixels tall.
If you submit an image smaller compared to those measurements, Facebook will stretch it to fit the right dimension, as long as it's at least 399 pixels large and also 150 pixels tall.
If you want a no-hassle means to earn sure your cover pictures are the ideal size, download our pre-sized theme for Facebook cover images right here.
3) Don't worry regarding the old "20% message" policy, yet still attempt to stay visual
Back in 2013, Facebook removed any reference to the 20% regulation on message in cover photos ... however that does not mean you need to go wild with utilizing text in your cover picture. The previous guideline stated that just 20% of your cover image could be message. Personally, I believed that was way too restrictive for marketing experts, however the sentiment behind the policy was a good one.
If you're going to use message in your cover picture, maintain that message concise. Your picture will be far more useful as well as appealing.
4) Maintain the image simple, with a clear prime focus
Think about your cover image as the part of your Web page that's "above the layer." If it's sidetracking or low quality, people will be more likely to click off the web page.
A lot of the best Facebook cover pictures consist of a single subject as the prime focus. They additionally utilize unfavorable white (i.e., empty space) as an advantage to earn the topic, any kind of copy on there, and also other components distinct to Facebook (like the CTA button on Facebook company Pages) stand apart much more.
5) Do not conceal content behind your account image
As a result of the means profile photos are featured on Facebook Pages, there's a section of your cover photo that will not show up unless you click it. Your Page name as well as the buttons under right likewise cover sections of your photo.
According to Facebook's Aid page, on computer, the account photo lies 16 pixels from the left side of the cover picture, and 176 pixels from the top of the cover picture.
That being stated, you could likewise use this concealed area to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. But usually, maintaining that space clear is a great finest technique.
6) Don't put vital material on the bottom of your photo, either
Your account picture isn't really the only part of your cover image that will certainly be partially concealed on your main Web page. You'll likewise intend to prevent placing important web content or vital parts of your image on the bottom of your image where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line concerning halfway up your profile photo, as well as maintaining essential web content (like text or hashtags) over that.
7) Do right-align the objects in your cover picture
Considering that your account picture gets on left, you wish to include some balance to your Facebook cover picture layout by having the focus of the picture get on the right.
Take a look at these cover pictures. Which one looks more cosmetically pleasing?
Doesn't the right-aligned cover photo look far better? The greatest design aspects (the account image, the message, as well as the beer) are uniformly spaced. In the Samsung cover image, your interest goes quickly to the left side of the page, totally missing out on the name of the product on the upper appropriate side.
Not just is adding balance a crucial aspect of design, yet it likewise permits your cover photos to be much more aesthetically effective on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) accessibility the social media exclusively from mobile phones. That's significant-- and it's exactly why it's so important to maintain mobile users top-of-mind when making your Facebook cover photo.
On mobile, a much larger part of your cover picture is shut out because the account picture as well as the Page name are on top of the cover image.
Let's have a look at a real-life example. Listed below, have a look at exactly 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 picture are cut off on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels high on desktop, it shows just the center 640 pixels broad by 360 pixels tall on smartphones. Take a look at this Facebook assistance file to learn more.
Notice, by the way, exactly how the text in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your visual elements, take care not to place essential web content until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture layout with various other parts of your Facebook Page
If you really intend to get creative with your cover photo, attempt incorporating its style with other parts of your Facebook Web page. You can make your profile image as well as cover photo one huge canvas, or use some layout components to draw attention to various functionalities of your Facebook Page.
Below are some suggestions of just what these cover image integrations may resemble.
Incorporate your profile photo and cover photo.
With a little creativity and also some design tweaks, you could make your profile picture and also cover photo look like if they're 2 parts of one canvas. Take a look at among Paris' cover images for a refined but engaging method to do that.
Keep in mind: Given that cover photos display differently on mobile and also on desktop, you'll have to choose one layout to make your cover image as well as profile mix for. Because cover photos are far more recognizable on desktop computer, I 'd recommend focusing on that layout for your cover picture and also account picture combination design.
Draw attention to the switches on right.
Adhering to the most effective techniques discussed over, WeddingWire puts every one of its crucial text to the right of their cover image-- not only achieving an excellent style visual, but additionally drawing attention to the primary calls-to-action on the Page: Like, Follow, as well as Message.
Keep in mind: While it might feel like a great idea to add directional hints like an arrow to obtain individuals to click on the CTA buttons, note that those CTA switches don't appear similarly on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover picture layout with the buttons.
10) Do consist of a shortened link in your cover picture description that aligns with your page CTA
If you want to use your cover picture to sustain your web page CTA, ensure your cover image description also consists of a message CTA and link to the very same deal. In this manner, any time people see your cover picture directly, they can access the download web link.
Ensure you reduce your links as well as include UTM codes so you could track clicks on them. Shortening as well as tracking features are available in the HubSpot Advertising System and in devices like bitly.
( If you wish to discover more concerning ways to create effective call-to-action duplicate for your cover photo summary, click here to download our free digital book on developing engaging CTAs.).
11) Do pin a related article right listed below your Facebook cover picture
Have you ever before "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a blog post enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's indicated by a tiny yellow flag on the top right of the post.
Exactly how does this connect to optimizing your Facebook cover picture? Well, if you're hanging around aligning your Facebook Page CTA, your cover image design, as well as your cover image description duplicate, you ought to likewise see to it to upload concerning the same thing straight to your page, as well as pin that upload to the top of your Timeline.
By doing this, you're offering individuals one really clear call-to-action when they arrive to your page (albeit in numerous various places)-- which should aid conversions.
To pin a Facebook post: Simply release the blog post to Facebook, then click the down arrow on the leading right edge of the blog post and also choose "Pin to Top.".
I'll offer you some hints. It's a visual piece of web content that sits on top of your page. Its measurements are 851 pixels large by 315 pixels tall. It occupies nearly a quarter of the display on the majority of desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it's one of the most obvious parts of your web page, it's essential that you follow Facebook cover picture ideal techniques.
Whether you're making use of Facebook to generate leads, close your following sale, or produce a consumer community, knowing how to make and also enhance your cover image is extremely important. Continue reading to discover exactly what you must (and also shouldn't) perform in your cover photo.
Facebook Cover Picture Size
1) Do follow Facebook's cover picture guidelines
It seems like a no-brainer, yet complying with Facebook standards is essential to your Facebook Page existing to begin with. I 'd very suggest going through the full Web page Guidelines, but here are a couple of essential points to remember for your cover image:
Your cover is public.
Covers cannot be deceitful, misleading, or infringe on any person else's copyright.
You cannot urge individuals to submit your cover to their individual timelines.
If you obtain caught breaking the above terms, Facebook might do something about it versus your Page. As well as while Facebook does not clearly say exactly what will certainly take place if you violate their Web page guidelines, it's most likely not wise to get your Facebook Web page removed over a cover image violation, so check out the guidelines in full and follow them.
2) Do make sure your Facebook cover image size is right: 851 px large by 315 px tall
You don't intend to spend all this time around designing a cover image ... just to have it look unusual when you submit it to Facebook.
Make certain your cover image will certainly look magnificent from the beginning by making certain it's the appropriate dimensions: 851 pixels wide as well as 315 pixels tall.
If you submit an image smaller compared to those measurements, Facebook will stretch it to fit the right dimension, as long as it's at least 399 pixels large and also 150 pixels tall.
If you want a no-hassle means to earn sure your cover pictures are the ideal size, download our pre-sized theme for Facebook cover images right here.
3) Don't worry regarding the old "20% message" policy, yet still attempt to stay visual
Back in 2013, Facebook removed any reference to the 20% regulation on message in cover photos ... however that does not mean you need to go wild with utilizing text in your cover picture. The previous guideline stated that just 20% of your cover image could be message. Personally, I believed that was way too restrictive for marketing experts, however the sentiment behind the policy was a good one.
If you're going to use message in your cover picture, maintain that message concise. Your picture will be far more useful as well as appealing.
4) Maintain the image simple, with a clear prime focus
Think about your cover image as the part of your Web page that's "above the layer." If it's sidetracking or low quality, people will be more likely to click off the web page.
A lot of the best Facebook cover pictures consist of a single subject as the prime focus. They additionally utilize unfavorable white (i.e., empty space) as an advantage to earn the topic, any kind of copy on there, and also other components distinct to Facebook (like the CTA button on Facebook company Pages) stand apart much more.
5) Do not conceal content behind your account image
As a result of the means profile photos are featured on Facebook Pages, there's a section of your cover photo that will not show up unless you click it. Your Page name as well as the buttons under right likewise cover sections of your photo.
According to Facebook's Aid page, on computer, the account photo lies 16 pixels from the left side of the cover picture, and 176 pixels from the top of the cover picture.
That being stated, you could likewise use this concealed area to your advantage-- perhaps even hiding an Easter egg behind the profile photo for a contest. But usually, maintaining that space clear is a great finest technique.
6) Don't put vital material on the bottom of your photo, either
Your account picture isn't really the only part of your cover image that will certainly be partially concealed on your main Web page. You'll likewise intend to prevent placing important web content or vital parts of your image on the bottom of your image where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line concerning halfway up your profile photo, as well as maintaining essential web content (like text or hashtags) over that.
7) Do right-align the objects in your cover picture
Considering that your account picture gets on left, you wish to include some balance to your Facebook cover picture layout by having the focus of the picture get on the right.
Take a look at these cover pictures. Which one looks more cosmetically pleasing?
Doesn't the right-aligned cover photo look far better? The greatest design aspects (the account image, the message, as well as the beer) are uniformly spaced. In the Samsung cover image, your interest goes quickly to the left side of the page, totally missing out on the name of the product on the upper appropriate side.
Not just is adding balance a crucial aspect of design, yet it likewise permits your cover photos to be much more aesthetically effective on mobile. Which brings me to my next factor ...
8) Do maintain mobile users in mind
In April 2016, Facebook reported that over half of its customer base (54.2%) accessibility the social media exclusively from mobile phones. That's significant-- and it's exactly why it's so important to maintain mobile users top-of-mind when making your Facebook cover photo.
On mobile, a much larger part of your cover picture is shut out because the account picture as well as the Page name are on top of the cover image.
Let's have a look at a real-life example. Listed below, have a look at exactly 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 picture are cut off on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels high on desktop, it shows just the center 640 pixels broad by 360 pixels tall on smartphones. Take a look at this Facebook assistance file to learn more.
Notice, by the way, exactly how the text in Adobe's cover photo is cut off on the right-hand side. While it looks ideal to right-align your visual elements, take care not to place essential web content until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture layout with various other parts of your Facebook Page
If you really intend to get creative with your cover photo, attempt incorporating its style with other parts of your Facebook Web page. You can make your profile image as well as cover photo one huge canvas, or use some layout components to draw attention to various functionalities of your Facebook Page.
Below are some suggestions of just what these cover image integrations may resemble.
Incorporate your profile photo and cover photo.
With a little creativity and also some design tweaks, you could make your profile picture and also cover photo look like if they're 2 parts of one canvas. Take a look at among Paris' cover images for a refined but engaging method to do that.
Keep in mind: Given that cover photos display differently on mobile and also on desktop, you'll have to choose one layout to make your cover image as well as profile mix for. Because cover photos are far more recognizable on desktop computer, I 'd recommend focusing on that layout for your cover picture and also account picture combination design.
Draw attention to the switches on right.
Adhering to the most effective techniques discussed over, WeddingWire puts every one of its crucial text to the right of their cover image-- not only achieving an excellent style visual, but additionally drawing attention to the primary calls-to-action on the Page: Like, Follow, as well as Message.
Keep in mind: While it might feel like a great idea to add directional hints like an arrow to obtain individuals to click on the CTA buttons, note that those CTA switches don't appear similarly on the mobile app. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover picture layout with the buttons.
10) Do consist of a shortened link in your cover picture description that aligns with your page CTA
If you want to use your cover picture to sustain your web page CTA, ensure your cover image description also consists of a message CTA and link to the very same deal. In this manner, any time people see your cover picture directly, they can access the download web link.
Ensure you reduce your links as well as include UTM codes so you could track clicks on them. Shortening as well as tracking features are available in the HubSpot Advertising System and in devices like bitly.
( If you wish to discover more concerning ways to create effective call-to-action duplicate for your cover photo summary, click here to download our free digital book on developing engaging CTAs.).
11) Do pin a related article right listed below your Facebook cover picture
Have you ever before "pinned" a message to your Facebook Page's Timeline? Essentially, pinning a blog post enables you to highlight a common Facebook message on the top of your Timeline for seven days. It's indicated by a tiny yellow flag on the top right of the post.
Exactly how does this connect to optimizing your Facebook cover picture? Well, if you're hanging around aligning your Facebook Page CTA, your cover image design, as well as your cover image description duplicate, you ought to likewise see to it to upload concerning the same thing straight to your page, as well as pin that upload to the top of your Timeline.
By doing this, you're offering individuals one really clear call-to-action when they arrive to your page (albeit in numerous various places)-- which should aid conversions.
To pin a Facebook post: Simply release the blog post to Facebook, then click the down arrow on the leading right edge of the blog post and also choose "Pin to Top.".