Recommended Size for Facebook Cover Photo

Recommended Size For Facebook Cover Photo: When individuals reach your Facebook Web page, where do you think they initially 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 vast by 315 pixels tall. It occupies virtually a quarter of the screen on a lot of desktop internet browsers.



That's right-- it's your Facebook cover image.

Given that it is among the most recognizable parts of your web page, it's critical that you adhere to Facebook cover picture ideal practices.

Whether you're using Facebook to produce leads, shut your following sale, or produce a consumer area, recognizing how to make and optimize your cover picture is crucial. Read on to discover what you must (and also should not) carry out in your cover photo.

Recommended Size For Facebook Cover Photo


1) Do abide by Facebook's cover photo guidelines

It feels like a no-brainer, however obeying Facebook standards is crucial to your Facebook Web page existing to begin with. I 'd extremely suggest going through the full Web page Guidelines, but right here are a few crucial things to keep in mind for your cover picture:

Your cover is public.
Covers can't be deceptive, deceptive, or infringe on anyone else's copyright.
You cannot motivate individuals to submit your cover to their individual timelines.
If you get caught breaking the above terms, Facebook could do something about it against your Web page. And while Facebook doesn't explicitly say exactly what will take place if you break their Web page guidelines, it's possibly not clever to obtain your Facebook Web page removed over a cover picture infraction, so check out the standards in full as well as stick to them.

2) Do make certain your Facebook cover picture size is right: 851 px wide by 315 px tall

You do not wish to spend all this time around creating a cover image ... only to have it look weird when you upload it to Facebook.

Make sure your cover picture will look remarkable from the get-go by making sure it's the right dimensions: 851 pixels vast and 315 pixels high.



If you publish a picture smaller sized than those measurements, Facebook will certainly extend it to fit the appropriate dimension, as long as it goes to the very least 399 pixels vast as well as 150 pixels tall.

If you want a no-hassle means making sure your cover images are the ideal dimension, download our pre-sized theme for Facebook cover photos below.

3) Don't worry regarding the old "20% text" rule, yet still attempt to remain visual

Back in 2013, Facebook got rid of any type of referral to the 20% policy on text in cover pictures ... yet that doesn't imply you should go wild with utilizing message in your cover picture. The previous regulation said that just 20% of your cover picture could be text. Directly, I thought that was way also restrictive for marketers, however the view behind the guideline was a good one.

If you're mosting likely to utilize text in your cover image, maintain that text concise. Your picture will be a lot more useful and also appealing.

4) Maintain the picture simple, with a clear centerpiece

Think about your cover image as the portion of your Page that's "over the layer." If it's sidetracking or low quality, people will be most likely to click off the web page.

Most of the best Facebook cover photos consist of a single subject as the focal point. They also use negative white (i.e., empty space) as an advantage to make the subject, any kind of copy on there, as well as other elements one-of-a-kind to Facebook (like the CTA button on Facebook business Pages) stick out a lot more.

5) Do not hide material behind your profile picture

Due to the means profile photos are showcased on Facebook Pages, there's an area of your cover image that won't show up unless you click on it. Your Web page name and the switches on the bottom right likewise cover parts of your picture.

Inning accordance with Facebook's Help web page, on home computer, the account picture is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover photo.

That being said, you can likewise use this hidden area to your advantage-- perhaps even concealing an Easter egg behind the account image for a contest. But commonly, keeping that area clear is a good best practice.

6) Don't place crucial content under of your picture, either

Your profile photo isn't the only part of your cover image that will be partially hidden on your major Web page. You'll additionally intend to stay clear of placing crucial web content or key parts of your photo under of your image where the name of your Web page and CTA buttons are.

We advise attracting an imaginary line concerning halfway up your profile image, and maintaining essential material (like message or hashtags) above that.

7) Do right-align the things in your cover photo

Because your profile image gets on left, you want to include some balance to your Facebook cover photo layout by having the emphasis of the photo be on the right.

Take a look at these cover photos. Which one looks more aesthetically pleasing?

Doesn't the right-aligned cover image look much better? The most significant design elements (the profile photo, the text, as well as the beer) are equally spaced. In the Samsung cover image, your focus goes immediately to the left side of the web page, completely missing out on the name of the item on the top ideal side.

Not just is adding equilibrium an essential component of layout, however it additionally permits your cover pictures to be more visually effective on mobile. Which brings me to my following factor ...

8) Do maintain mobile individuals in mind

In April 2016, Facebook reported that over half of its customer base (54.2%) gain access to the social media network specifically from mobile phones. That's significant-- as well as it's specifically why it's so crucial to keep mobile users top-of-mind when designing your Facebook cover picture.

On mobile, a much larger portion of your cover image is blocked out since the account photo and also the Page name are on top of the cover image.

Allow's take a look at a real-life instance. Listed below, take a look at just what Adobe's Facebook Web page looks like in a desktop computer internet browser versus on Facebook's mobile app.

Desktop:



Mobile:



Notice that the sides of the image are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels high on desktop, it shows just the facility 640 pixels large by 360 pixels tall on mobile phones. Take a look at this Facebook aid document to find out more.

Notification, by the way, exactly how the message in Adobe's cover image is cut off on the right-hand side. While it looks ideal to right-align your visual elements, beware not to put vital web content until now to the right that it obtains cut off on mobile.

9) Do integrate the cover picture design with other parts of your Facebook Page

If you actually wish to get creative with your cover image, attempt incorporating its layout with other parts of your Facebook Web page. You could make your account image and cover photo one large canvas, or utilize some design components to draw attention to different functionalities of your Facebook Web page.

Below are some suggestions of exactly what these cover photo assimilations could resemble.

Incorporate your profile photo and also cover photo.

With a little creativity and some design fine-tunes, you could make your account image and also cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover pictures for a refined but compelling way to do that.

Note: Because cover pictures show differently on mobile and on desktop, you'll have to select one layout to make your cover photo and also profile mix for. Considering that cover pictures are far more noticeable on desktop, I 'd recommend prioritizing that format for your cover photo as well as account image combination design.

Draw attention to the switches on right.

Complying with the most effective practices pointed out above, WeddingWire puts every one of its crucial message to the right of their cover picture-- not only achieving a great layout aesthetic, yet likewise drawing attention to the primary calls-to-action on the Web page: Like, Comply with, as well as Message.

Note: While it may feel like a good idea to add directional hints like an arrowhead to obtain people to click on the CTA buttons, keep in mind that those CTA switches don't show up similarly on the mobile app. Simply puts, it might be perplexing to mobile individuals if you incorporate the cover photo style with the buttons.

10) Do include a reduced link in your cover picture summary that straightens with your web page CTA

If you intend to use your cover photo to support your page CTA, make certain your cover photo description likewise includes a text CTA and also link to the same deal. This way, any time individuals see your cover image directly, they can access the download link.

Make certain you shorten your links as well as include UTM codes so you could track clicks on them. Shortening and also tracking features are readily available in the HubSpot Advertising And Marketing System and also in tools like bitly.

( If you intend to learn more about how you can create efficient call-to-action copy for your cover picture summary, go here to download our free e-book on developing engaging CTAs.).

11) Do pin a related post right listed below your Facebook cover picture

Have you ever "pinned" a post to your Facebook Page's Timeline? Basically, pinning a message enables you to highlight a typical Facebook blog post on the top of your Timeline for seven days. It's represented by a tiny yellow flag on the top right of the blog post.

Just how does this connect to maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Web page CTA, your cover image style, and your cover image description duplicate, you ought to also see to it to publish regarding the exact same point straight to your page, and also pin that publish to the top of your Timeline.

By doing this, you're providing people one really clear call-to-action when they show up to your page (albeit in several various locations)-- which need to assist conversions.

To pin a Facebook blog post: Simply release the message to Facebook, after that click the downward arrowhead on the leading right edge of the article as well as choose "Pin to Top.".