2017-12-16

What are the Dimensions Of A Facebook Cover Photo

What Are The Dimensions Of A Facebook Cover Photo: When individuals get to your Facebook Page, where do you believe they initially look?

What Are The Dimensions Of A Facebook Cover Photo


I'll provide you some hints. It's a visual piece of content that sits on top of your page. Its measurements are 851 pixels wide by 315 pixels high. It uses up nearly a quarter of the display on a lot of desktop computer web browsers.
That's right-- it's your Facebook cover picture.

Given that it's one of one of the most obvious parts of your page, it's important that you adhere to Facebook cover image finest methods.

Whether you're utilizing Facebook to produce leads, shut your following sale, or produce a client area, recognizing how you can make and also enhance your cover photo is essential. Continue reading to discover just what you need to (and also should not) do in your cover picture.

Go here to download our totally free overview of bring in clients with Facebook.
( You'll also obtain cover photo themes for Twitter, LinkedIn, YouTube, and also Google+ with your cover image layout download!).

11 Ideal Practices for Your Facebook Cover Picture.

1) Do follow Facebook's cover image standards.

It looks like a no-brainer, but obeying Facebook guidelines is crucial to your Facebook Page existing to begin with. I 'd very recommend checking out the full Web page Guidelines, yet right here are a couple of crucial points 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 can not urge individuals to submit your cover to their individual timelines.
If you get caught breaching the above terms, Facebook can take action versus your Web page. And also while Facebook does not clearly state exactly what will take place if you violate their Web page guidelines, it's possibly not clever to obtain your Facebook Page taken down over a cover image infraction, so review the guidelines 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 vast by 360 px tall on mobile.

You do not wish to invest all this moment making a cover picture ... just to have it look weird when you post it to Facebook.

See to it your cover picture will look fabulous from the outset by making sure it's enhanced for the best measurements: 851 pixels wide and also 315 pixels tall for desktop computer, 640 pixels broad by 360 pixels tall for mobile.

If you upload an image smaller than those dimensions, Facebook will certainly stretch it to fit the best size, as long as it's at the very least 399 pixels broad as well as 150 pixels high.

If you want a no-hassle method to make sure your cover pictures are the best size, download our pre-sized theme for Facebook cover images here.

3) Don't worry concerning the old "20% message" regulation, yet still try to stay aesthetic.

Back in 2013, Facebook eliminated any reference to the 20% policy on message in cover pictures ... yet that does not indicate you should go wild with making use of message in your cover picture. The previous policy stated that only 20% of your cover photo could be text. Personally, I assumed that was way too restrictive for marketers, yet the sentiment behind the policy was a good one.

If you're mosting likely to make use of message in your cover image, maintain that text concise. Your image will be far more helpful and also interesting.




4) Keep the image simple, with a clear centerpiece.

Think about your cover image as the part 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.

A number of the best Facebook cover images include a single subject as the centerpiece. They additionally utilize adverse white (i.e., empty space) as an advantage making the subject, any copy on there, and various other components unique to Facebook (like the CTA button on Facebook company Pages) stick out much more.

Here's an instance from Makr:.




5) Do not hide material behind your profile photo.

Due to the method profile photos are featured on Facebook Pages, there's a section of your cover image that won't appear unless you click it. Your Page name and the switches on the bottom right additionally cover sections of your image.

Check out the instance listed below from NikeWomen. The parts highlighted in red are the parts of the cover photo that aren't right away viewable to your Facebook Followers.




Inning accordance with Facebook's Assistance web page, on desktop, the profile image is located 16 pixels from the left side of the cover photo, and also 176 pixels from the top of the cover photo.

That being stated, you can additionally use this concealed space to your benefit-- perhaps even concealing an Easter egg behind the account photo for a contest. But generally, maintaining that area clear is an excellent best practice.

6) Do not put essential content on the bottom of your picture, either.

Your profile photo isn't the only part of your cover photo that will be partly concealed on your main Page. You'll likewise wish to avoid putting important content or crucial parts of your photo under of your picture where the name of your Page and also CTA switches are.

We suggest drawing an imaginary line regarding midway up your account photo, and maintaining important web content (like message or hashtags) over that.

You could see exactly what I mean in HubSpot's cover photo below, where we've placed the message above the "HubSpot" name.




7) Do right-align the items in your cover image.

Considering that your profile photo gets on left, you want to add some balance to your Facebook cover picture layout by having the emphasis of the image get on the right.

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

Right-aligned emphasis:.




Doesn't the right-aligned cover picture look better? The greatest style components (the account photo, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your focus goes instantly to the left side of the web page, entirely missing the name of the product on the top best side.

Not only is adding balance a vital aspect of layout, however it additionally enables your cover images to be extra aesthetically efficient on mobile. Which brings me to my following factor ...

8) Do keep mobile individuals in mind.

In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social network exclusively from mobile devices. That's massive-- as well as it's precisely why it's so crucial to keep mobile users top-of-mind when making your Facebook cover image.

On mobile, a much larger portion of your cover image is blocked out since the profile image as well as the Page name get on top of the cover image.




Let's take a look at a real-life example. Below, take a look at what Adobe's Facebook Page looks like in a desktop computer browser versus on Facebook's mobile application.

Desktop:.




Mobile:.




Notification that the sides of the photo are removed on mobile. Whereas your cover photo presents at 851 pixels broad by 315 pixels tall on desktop computer, it displays just the center 640 pixels broad by 360 pixels high on mobile phones. Have a look at this Facebook aid record to learn more.

Notice, by the way, 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, beware not to put essential material until now to the right that it gets removed on mobile.

9) Do incorporate the cover image layout with other parts of your Facebook Page.

If you truly want your Facebook advertising to attract attention, attempt integrating its style with various other parts of your Page. You can make your profile image and cover photo one large canvas, or use some design elements to draw attention to different functionalities of your Facebook Page.

Below are some ideas of exactly what these cover photo assimilations could look like.

Combine your profile picture and cover image.

With a little creative thinking and also some layout modifies, you can make your profile picture and cover picture appear as if they're two parts of one canvas. Take a look at among Paris' cover pictures for a refined but compelling means to do that.

Keep in mind: Considering that cover images show differently on mobile as well as on desktop computer, you'll have to select one format to design your cover photo and profile combination for. Because cover pictures are a lot more recognizable on desktop computer, I 'd recommend focusing on that format for your cover picture and also profile photo combination design.




Accentuate the buttons on right.

Complying with the most effective practices pointed out over, WeddingWire places every one of its vital text to the right of their cover picture-- not just accomplishing a great design visual, however also drawing attention to the main calls-to-action on the Web page: Like, Adhere to, and also Message.

Note: While it might feel like a smart idea to add directional hints like an arrowhead to obtain people to click the CTA switches, keep in mind that those CTA buttons don't appear similarly on the mobile app. In other words, it may be perplexing to mobile individuals if you integrate the cover image layout with the buttons.




10) Do consist of a shortened web link in your cover image summary that aligns with your page CTA.

If you wish to utilize your cover picture to sustain your page CTA, ensure your cover picture summary additionally consists of a text CTA and link to the same offer. By doing this, any time individuals watch your cover picture directly, they can access the download web link.

Here's this method at work on HubSpot's Facebook Page.

See to it you shorten your links and include UTM codes so you can track click them. Shortening as well as tracking functions are offered in the HubSpot Marketing Platform as well as in devices like bitly.

( If you intend to learn more concerning how to compose efficient call-to-action duplicate for your cover image description, click here to download our cost-free digital book on producing compelling CTAs.).