New Facebook Cover Photo Dimensions
Monday, May 28, 2018
Edit
New Facebook Cover Photo Dimensions: 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 content that sits on top of your web page. Its dimensions are 851 pixels large by 315 pixels tall. It occupies nearly a quarter of the screen on many desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it is just one of the most obvious parts of your page, it's vital that you adhere to Facebook cover image ideal practices.
Whether you're making use of Facebook to create leads, close your next sale, or produce a client area, recognizing how you can make as well as maximize your cover image is very important. Continue reading to learn what you need to (as well as shouldn't) carry out in your cover image.
Click here to download our totally free overview of drawing in clients with Facebook.
( You'll also obtain cover image design templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover image theme download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover photo guidelines.
It seems like a no-brainer, but complying with Facebook guidelines is vital to your Facebook Web page existing to begin with. I 'd highly suggest checking out the full Web page Guidelines, but right here are a few crucial things to remember for your cover picture:.
Your cover is public.
Covers can't be misleading, misleading, or infringe on any person else's copyright.
You cannot encourage people to upload your cover to their personal timelines.
If you get captured breaching the above terms, Facebook might take action against your Page. And while Facebook does not clearly state what will certainly take place if you break their Web page standards, it's probably not wise to obtain your Facebook Page taken down over a cover photo offense, so review the standards in full and comply with them.
2) Do make sure your Facebook cover photo size is right: 828 px vast by 315 px on desktop computer, 640 px wide by 360 px high on mobile.
You don't want to spend all this time around making a cover picture ... just to have it look odd when you upload it to Facebook.
Make sure your cover photo will look fabulous from the get-go by seeing to it it's enhanced for the appropriate dimensions: 851 pixels wide as well as 315 pixels high for desktop, 640 pixels wide by 360 pixels tall for mobile.
If you submit an image smaller sized compared to those measurements, Facebook will certainly stretch it to fit the best dimension, as long as it goes to the very least 399 pixels vast and 150 pixels tall.
If you desire a no-hassle means to make certain your cover pictures are the ideal size, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry about the old "20% message" rule, however still attempt to remain visual.
Back in 2013, Facebook got rid of any reference to the 20% rule on text in cover photos ... yet that doesn't suggest you should go wild with utilizing text in your cover image. The previous regulation stated that just 20% of your cover image could be text. Directly, I assumed that was way too restrictive for marketers, however the view behind the regulation was a good one.
If you're going to use message in your cover image, keep that message concise. Your photo will be a lot more insightful as well as engaging.
4) Maintain the picture simple, with a clear focal point.
Consider your cover picture as the part of your Page that's "over the layer." If it's sidetracking or low quality, individuals will certainly be more likely to click off the web page.
Many of the very best Facebook cover images consist of a solitary subject as the centerpiece. They additionally make use of unfavorable white (i.e., empty space) as a benefit to earn the subject, any type of duplicate on there, and also other components unique to Facebook (like the CTA switch on Facebook company Pages) stand apart much more.
Right here's an example from Makr:.
5) Do not hide web content behind your account image.
Because of the way account photos are featured on Facebook Pages, there's an area of your cover picture that will not appear unless you click it. Your Page name and also the switches on the bottom right also cover parts of your image.
Look into the example below from NikeWomen. The portions highlighted in red are the parts of the cover image that typically aren't quickly viewable to your Facebook Fans.
Inning accordance with Facebook's Assistance web page, on desktop, the profile image is located 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover image.
That being said, you could likewise use this concealed area to your advantage-- maybe even hiding an Easter egg behind the profile photo for a contest. But usually, maintaining that space clear is a great finest practice.
6) Do not place important web content on the bottom of your photo, either.
Your profile picture isn't really the only part of your cover photo that will be partially concealed on your primary Web page. You'll also wish to prevent putting vital material or crucial parts of your picture under of your picture where the name of your Web page and CTA buttons are.
We advise attracting an imaginary line about midway up your account picture, and keeping vital content (like text or hashtags) over that.
You can see what I imply in HubSpot's cover image listed below, where we've placed the message above the "HubSpot" name.
7) Do right-align the things in your cover photo.
Given that your account picture is on left, you intend to include some balance to your Facebook cover photo style by having the emphasis of the image be on the right.
Take a look at these cover images. Which one looks even more visually pleasing?
Right-aligned emphasis:.
Does not the right-aligned cover picture look far better? The biggest layout components (the profile image, the message, and the beer) are equally spaced. In the Samsung cover photo, your interest goes quickly to the left side of the web page, entirely missing the name of the item on the top appropriate side.
Not just is adding equilibrium a vital component of layout, yet it also enables your cover images to be more aesthetically reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind.
In April 2016, Facebook reported that over half of its individual base (54.2%) gain access to the social network exclusively from mobile phones. That's substantial-- and it's exactly why it's so essential to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger portion of your cover image is blocked out since the profile picture and the Page name are on top of the cover photo.
Allow's take a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Page appears like in a desktop computer web browser versus on Facebook's mobile app.
Desktop:.
Mobile:.
Notification that the sides of the image are removed on mobile. Whereas your cover image shows at 851 pixels broad by 315 pixels high on desktop computer, it presents only the facility 640 pixels large by 360 pixels tall on mobile phones. Have a look at this Facebook aid paper for more information.
Notification, incidentally, just how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your visual aspects, take care not to place important content until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo style with other parts of your Facebook Page.
If you truly desire your Facebook advertising and marketing to stand out, try integrating its design with various other parts of your Web page. You might make your account picture and also cover photo one large canvas, or make use of some style components to accentuate various capabilities of your Facebook Web page.
Below are some concepts of what these cover picture assimilations may look like.
Combine your account photo and cover photo.
With a little imagination and also some design modifies, you could make your profile picture and cover picture appear as if they're 2 parts of one canvas. Take a look at among Paris' cover images for a refined however engaging method to do that.
Note: Since cover images display differently on mobile and also on desktop, you'll need to choose one format to design your cover image and also profile mix for. Because cover pictures are a lot more recognizable on desktop computer, I 'd suggest prioritizing that format for your cover picture and also profile image mix design.
Draw attention to the buttons on right.
Following the best techniques discussed over, WeddingWire places all its crucial message to the right of their cover image-- not just accomplishing an excellent design aesthetic, yet likewise drawing attention to the primary calls-to-action on the Page: Like, Comply with, as well as Message.
Note: While it might feel like a smart idea to include directional cues like an arrowhead to obtain individuals to click the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile app. To puts it simply, it might be confusing to mobile users if you incorporate the cover image layout with the buttons.
10) Do include a shortened web link in your cover photo description that straightens with your web page CTA.
If you want to utilize your cover image to sustain your page CTA, see to it your cover image summary additionally includes a message CTA and also link to the very same offer. In this manner, at any time people view your cover photo straight, they can access the download link.
Right here's this method in action on HubSpot's Facebook Page.
Make sure you reduce your links and include UTM codes so you can track clicks on them. Shortening and also tracking functions are offered in the HubSpot Advertising System as well as in tools like bitly.
( If you wish to find out more concerning how you can compose efficient call-to-action duplicate for your cover photo description, go here to download our complimentary e-book on developing compelling CTAs.).
New Facebook Cover Photo Dimensions
I'll give you some hints. It's a visual piece of content that sits on top of your web page. Its dimensions are 851 pixels large by 315 pixels tall. It occupies nearly a quarter of the screen on many desktop browsers.
That's right-- it's your Facebook cover picture.
Considering that it is just one of the most obvious parts of your page, it's vital that you adhere to Facebook cover image ideal practices.
Whether you're making use of Facebook to create leads, close your next sale, or produce a client area, recognizing how you can make as well as maximize your cover image is very important. Continue reading to learn what you need to (as well as shouldn't) carry out in your cover image.
Click here to download our totally free overview of drawing in clients with Facebook.
( You'll also obtain cover image design templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover image theme download!).
11 Best Practices for Your Facebook Cover Picture.
1) Do follow Facebook's cover photo guidelines.
It seems like a no-brainer, but complying with Facebook guidelines is vital to your Facebook Web page existing to begin with. I 'd highly suggest checking out the full Web page Guidelines, but right here are a few crucial things to remember for your cover picture:.
Your cover is public.
Covers can't be misleading, misleading, or infringe on any person else's copyright.
You cannot encourage people to upload your cover to their personal timelines.
If you get captured breaching the above terms, Facebook might take action against your Page. And while Facebook does not clearly state what will certainly take place if you break their Web page standards, it's probably not wise to obtain your Facebook Page taken down over a cover photo offense, so review the standards in full and comply with them.
2) Do make sure your Facebook cover photo size is right: 828 px vast by 315 px on desktop computer, 640 px wide by 360 px high on mobile.
You don't want to spend all this time around making a cover picture ... just to have it look odd when you upload it to Facebook.
Make sure your cover photo will look fabulous from the get-go by seeing to it it's enhanced for the appropriate dimensions: 851 pixels wide as well as 315 pixels high for desktop, 640 pixels wide by 360 pixels tall for mobile.
If you submit an image smaller sized compared to those measurements, Facebook will certainly stretch it to fit the best dimension, as long as it goes to the very least 399 pixels vast and 150 pixels tall.
If you desire a no-hassle means to make certain your cover pictures are the ideal size, download our pre-sized theme for Facebook cover pictures here.
3) Don't worry about the old "20% message" rule, however still attempt to remain visual.
Back in 2013, Facebook got rid of any reference to the 20% rule on text in cover photos ... yet that doesn't suggest you should go wild with utilizing text in your cover image. The previous regulation stated that just 20% of your cover image could be text. Directly, I assumed that was way too restrictive for marketers, however the view behind the regulation was a good one.
If you're going to use message in your cover image, keep that message concise. Your photo will be a lot more insightful as well as engaging.
4) Maintain the picture simple, with a clear focal point.
Consider your cover picture as the part of your Page that's "over the layer." If it's sidetracking or low quality, individuals will certainly be more likely to click off the web page.
Many of the very best Facebook cover images consist of a solitary subject as the centerpiece. They additionally make use of unfavorable white (i.e., empty space) as a benefit to earn the subject, any type of duplicate on there, and also other components unique to Facebook (like the CTA switch on Facebook company Pages) stand apart much more.
Right here's an example from Makr:.
5) Do not hide web content behind your account image.
Because of the way account photos are featured on Facebook Pages, there's an area of your cover picture that will not appear unless you click it. Your Page name and also the switches on the bottom right also cover parts of your image.
Look into the example below from NikeWomen. The portions highlighted in red are the parts of the cover image that typically aren't quickly viewable to your Facebook Fans.
Inning accordance with Facebook's Assistance web page, on desktop, the profile image is located 16 pixels from the left side of the cover image, and 176 pixels from the top of the cover image.
That being said, you could likewise use this concealed area to your advantage-- maybe even hiding an Easter egg behind the profile photo for a contest. But usually, maintaining that space clear is a great finest practice.
6) Do not place important web content on the bottom of your photo, either.
Your profile picture isn't really the only part of your cover photo that will be partially concealed on your primary Web page. You'll also wish to prevent putting vital material or crucial parts of your picture under of your picture where the name of your Web page and CTA buttons are.
We advise attracting an imaginary line about midway up your account picture, and keeping vital content (like text or hashtags) over that.
You can see what I imply in HubSpot's cover image listed below, where we've placed the message above the "HubSpot" name.
7) Do right-align the things in your cover photo.
Given that your account picture is on left, you intend to include some balance to your Facebook cover photo style by having the emphasis of the image be on the right.
Take a look at these cover images. Which one looks even more visually pleasing?
Right-aligned emphasis:.
Does not the right-aligned cover picture look far better? The biggest layout components (the profile image, the message, and the beer) are equally spaced. In the Samsung cover photo, your interest goes quickly to the left side of the web page, entirely missing the name of the item on the top appropriate side.
Not just is adding equilibrium a vital component of layout, yet it also enables your cover images to be more aesthetically reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind.
In April 2016, Facebook reported that over half of its individual base (54.2%) gain access to the social network exclusively from mobile phones. That's substantial-- and it's exactly why it's so essential to keep mobile individuals top-of-mind when making your Facebook cover image.
On mobile, a much bigger portion of your cover image is blocked out since the profile picture and the Page name are on top of the cover photo.
Allow's take a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Page appears like in a desktop computer web browser versus on Facebook's mobile app.
Desktop:.
Mobile:.
Notification that the sides of the image are removed on mobile. Whereas your cover image shows at 851 pixels broad by 315 pixels high on desktop computer, it presents only the facility 640 pixels large by 360 pixels tall on mobile phones. Have a look at this Facebook aid paper for more information.
Notification, incidentally, just how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your visual aspects, take care not to place important content until now to the right that it gets cut off on mobile.
9) Do incorporate the cover photo style with other parts of your Facebook Page.
If you truly desire your Facebook advertising and marketing to stand out, try integrating its design with various other parts of your Web page. You might make your account picture and also cover photo one large canvas, or make use of some style components to accentuate various capabilities of your Facebook Web page.
Below are some concepts of what these cover picture assimilations may look like.
Combine your account photo and cover photo.
With a little imagination and also some design modifies, you could make your profile picture and cover picture appear as if they're 2 parts of one canvas. Take a look at among Paris' cover images for a refined however engaging method to do that.
Note: Since cover images display differently on mobile and also on desktop, you'll need to choose one format to design your cover image and also profile mix for. Because cover pictures are a lot more recognizable on desktop computer, I 'd suggest prioritizing that format for your cover picture and also profile image mix design.
Draw attention to the buttons on right.
Following the best techniques discussed over, WeddingWire places all its crucial message to the right of their cover image-- not just accomplishing an excellent design aesthetic, yet likewise drawing attention to the primary calls-to-action on the Page: Like, Comply with, as well as Message.
Note: While it might feel like a smart idea to include directional cues like an arrowhead to obtain individuals to click the CTA buttons, keep in mind that those CTA buttons don't show up the same way on the mobile app. To puts it simply, it might be confusing to mobile users if you incorporate the cover image layout with the buttons.
10) Do include a shortened web link in your cover photo description that straightens with your web page CTA.
If you want to utilize your cover image to sustain your page CTA, see to it your cover image summary additionally includes a message CTA and also link to the very same offer. In this manner, at any time people view your cover photo straight, they can access the download link.
Right here's this method in action on HubSpot's Facebook Page.
Make sure you reduce your links and include UTM codes so you can track clicks on them. Shortening and also tracking functions are offered in the HubSpot Advertising System as well as in tools like bitly.
( If you wish to find out more concerning how you can compose efficient call-to-action duplicate for your cover photo description, go here to download our complimentary e-book on developing compelling CTAs.).