What are the Dimensions for the Facebook Cover Photo

What Are The Dimensions For The Facebook Cover Photo: When people reach your Facebook Web page, where do you believe they first look?

What Are The Dimensions For The Facebook Cover Photo


I'll offer you some tips. It's a visual item of material that sits on top of your page. Its measurements are 851 pixels large by 315 pixels tall. It occupies practically a quarter of the display on the majority of desktop internet browsers.
That's right-- it's your Facebook cover image.

Because it's one of one of the most recognizable parts of your page, it's crucial that you adhere to Facebook cover photo best practices.

Whether you're utilizing Facebook to produce leads, shut your next sale, or create a consumer neighborhood, knowing how to make as well as enhance your cover image is extremely important. Read on to learn just what you need to (and also shouldn't) do in your cover image.

Click on this link to download our complimentary overview of attracting customers with Facebook.
( You'll likewise get cover photo templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover picture theme download!).

11 Best Practices for Your Facebook Cover Photo.

1) Do abide by Facebook's cover picture guidelines.

It looks like a no-brainer, but obeying Facebook standards is crucial to your Facebook Web page existing in the first place. I 'd very suggest reading through the complete Web page Standards, yet below are a couple of crucial things to bear in mind for your cover photo:.

Your cover is public.
Covers cannot be misleading, deceptive, or infringe on anyone else's copyright.
You can't motivate people to upload your cover to their personal timelines.
If you get captured breaching the above terms, Facebook can do something about it against your Web page. As well as while Facebook doesn't clearly state exactly what will certainly take place if you breach their Web page standards, it's most likely not smart to obtain your Facebook Web page taken down over a cover picture offense, so check out the guidelines in full as well as stick to them.

2) Do ensure your Facebook cover picture dimension is right: 828 px wide by 315 px on desktop, 640 px large by 360 px high on mobile.

You do not intend to spend all this time around making a cover picture ... only to have it look weird when you submit it to Facebook.

Make certain your cover photo will certainly look fantastic from the get-go by ensuring it's enhanced for the right measurements: 851 pixels wide and 315 pixels tall for desktop computer, 640 pixels wide by 360 pixels high for mobile.

If you upload a photo smaller sized than those dimensions, Facebook will extend it to fit the right size, as long as it goes to least 399 pixels large and also 150 pixels high.

If you desire a no-hassle way making certain your cover images are the ideal dimension, download our pre-sized design template for Facebook cover photos here.

3) Don't worry regarding the old "20% text" guideline, but still aim to stay visual.

Back in 2013, Facebook eliminated any kind of referral to the 20% policy on message in cover images ... yet that does not indicate you need to go wild with utilizing message in your cover photo. The previous rule said that only 20% of your cover photo could be message. Directly, I assumed that was way as well restrictive for marketers, but the sentiment behind the policy was a good one.

If you're mosting likely to make use of message in your cover photo, keep that message concise. Your image will certainly be much more useful and interesting.




4) Keep the photo simple, with a clear focal point.

Think about your cover picture as the portion of your Page that's "above the fold." If it's distracting or poor quality, people will be more probable to click off the web page.

Most of the best Facebook cover pictures consist of a single topic as the focal point. They additionally make use of adverse white (i.e., empty space) as an advantage to earn the topic, any type of copy on there, and other components special to Facebook (like the CTA button on Facebook organisation Pages) stand apart much more.

Below's an example from Makr:.




5) Do not hide material behind your profile picture.

Because of the method profile pictures are featured on Facebook Pages, there's an area of your cover photo that will not appear unless you click on it. Your Web page name as well as the switches on the bottom right additionally cover parts of your image.

Have a look at the instance listed below from NikeWomen. The sections highlighted in red are the parts of the cover picture that aren't immediately viewable to your Facebook Fans.




Inning accordance with Facebook's Assistance page, on desktop, the account picture lies 16 pixels from the left side of the cover image, as well as 176 pixels from the top of the cover picture.

That being said, you can also use this concealed space to your benefit-- perhaps even hiding an Easter egg behind the account picture for a competition. But typically, maintaining that room clear is an excellent finest technique.

6) Do not place vital web content under of your photo, either.

Your account photo isn't really the only part of your cover photo that will certainly be partly hidden on your main Web page. You'll likewise intend to prevent putting essential web content or crucial parts of your picture on the bottom of your picture where the name of your Page and CTA switches are.

We advise drawing an imaginary line regarding halfway up your account picture, and maintaining important material (like message or hashtags) over that.

You can see what I suggest in HubSpot's cover photo listed below, where we've placed the text over the "HubSpot" name.




7) Do right-align the things in your cover picture.

Considering that your account image gets on left, you wish to include some balance to your Facebook cover photo layout by having the focus of the image be on the right.

Have a look at these cover images. Which one looks even more visually pleasing?

Right-aligned emphasis:.




Doesn't the right-aligned cover picture look better? The most significant layout elements (the account picture, the message, and the beer) are evenly spaced. In the Samsung cover photo, your attention goes right away to the left side of the web page, completely missing the name of the item on the top ideal side.

Not only is adding equilibrium a critical aspect of style, yet it likewise enables your cover pictures to be a lot more visually efficient on mobile. Which brings me to my next factor ...

8) Do keep mobile users in mind.

In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) accessibility the social network specifically from mobile phones. That's substantial-- and also it's exactly why it's so crucial to maintain mobile customers top-of-mind when creating your Facebook cover photo.

On mobile, a much bigger section of your cover picture is shut out since the account image and also the Page name are on top of the cover picture.




Allow's take a look at a real-life example. Below, have a look at just 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 photo displays at 851 pixels large by 315 pixels tall on desktop computer, it shows just the facility 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook aid file to learn more.

Notification, by the way, just how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your aesthetic components, be careful not to put essential material up until now to the right that it obtains cut off on mobile.

9) Do incorporate the cover photo design with various other parts of your Facebook Web page.

If you actually desire your Facebook advertising and marketing to stand out, try incorporating its style with various other parts of your Web page. You could make your profile photo and cover image one large canvas, or make use of some design elements to accentuate various performances of your Facebook Page.

Below are some ideas of what these cover image combinations might resemble.

Incorporate your account image and cover photo.

With a little creativity and also some layout fine-tunes, you can make your account photo as well as cover picture look like if they're two parts of one canvas. Look into one of Paris' cover pictures for a subtle yet compelling method to do that.

Keep in mind: Given that cover photos display in different ways on mobile as well as on desktop, you'll need to choose one format to develop your cover image and profile combination for. Because cover pictures are a lot more recognizable on desktop, I would certainly recommend focusing on that layout for your cover photo and profile picture combination design.




Draw attention to the buttons on right.

Complying with the most effective techniques stated above, WeddingWire puts all its important message to the right of their cover picture-- not only accomplishing a great layout visual, yet additionally accentuating the primary calls-to-action on the Web page: Like, Adhere to, and also Message.

Keep in mind: While it may appear like a smart idea to include directional cues like an arrowhead to obtain individuals to click the CTA switches, keep in mind that those CTA switches do not appear similarly on the mobile app. To puts it simply, it may be perplexing to mobile customers if you integrate the cover picture layout with the buttons.




10) Do include a shortened link in your cover photo summary that lines up with your page CTA.

If you wish to use your cover photo to sustain your web page CTA, see to it your cover image description likewise consists of a text CTA and also link to the very same offer. In this manner, whenever people view your cover picture straight, they can access the download web link.

Below's this practice in action on HubSpot's Facebook Page.

Make certain you reduce your web links and include UTM codes so you can track clicks on them. Reducing and tracking attributes are offered in the HubSpot Marketing Platform and also in tools like bitly.

( If you want to learn more regarding ways to write effective call-to-action copy for your cover picture description, go here to download our complimentary digital book on developing compelling CTAs.).