What is the Size Of Facebook Cover

What Is The Size Of Facebook Cover: When people arrive at your Facebook Web page, where do you assume they initially look?

I'll offer you some hints. It's an aesthetic piece of material that rests at the top of your page. Its dimensions are 851 pixels large by 315 pixels high. It occupies almost a quarter of the display on most desktop computer web browsers.

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

Since it is among the most obvious parts of your page, it's essential that you adhere to Facebook cover image ideal methods.

Whether you're making use of Facebook to create leads, close your next sale, or produce a client area, understanding the best ways to make and also enhance your cover photo is essential. Read on to discover just what you ought to (and should not) perform in your cover picture.

What Is The Size Of Facebook Cover

1) Do abide by Facebook's cover image guidelines

It feels like a no-brainer, yet obeying Facebook guidelines is important to your Facebook Web page existing to begin with. I 'd very recommend going through the complete Web page Guidelines, however here are a few vital points to remember for your cover picture:

Your cover is public.
Covers can not be deceptive, deceptive, or infringe on anybody else's copyright.
You cannot encourage individuals to submit your cover to their individual timelines.
If you get captured breaking the above terms, Facebook could do something about it against your Web page. And also while Facebook does not explicitly say what will certainly happen if you violate their Web page guidelines, it's possibly not smart to obtain your Facebook Page removed over a cover image violation, so read the standards in full and also abide by them.

2) Do ensure your Facebook cover image dimension is right: 851 px large by 315 px tall

You don't intend to invest all this time creating a cover photo ... only to have it look unusual when you post it to Facebook.

See to it your cover photo will look magnificent from the start by ensuring it's the appropriate measurements: 851 pixels wide as well as 315 pixels high.

If you upload an image smaller compared to those dimensions, Facebook will extend it to fit the right dimension, as long as it goes to the very least 399 pixels large and 150 pixels high.

If you desire a no-hassle way making sure your cover photos are the best dimension, download our pre-sized template for Facebook cover pictures right here.

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

Back in 2013, Facebook removed any recommendation to the 20% rule on text in cover pictures ... however that does not mean you must go wild with using message in your cover picture. The previous regulation stated that just 20% of your cover image could be text. Personally, I believed that was way too restrictive for marketing professionals, but the belief behind the guideline was a good one.

If you're going to use message in your cover picture, keep that message concise. Your picture will be much more informative and appealing.

4) Keep the image simple, with a clear centerpiece

Think about your cover photo as the portion of your Page that's "above the layer." If it's distracting or low quality, people will certainly be more probable to click off the page.

Many of the very best Facebook cover images consist of a solitary subject as the centerpiece. They additionally utilize unfavorable white (i.e., void) as a benefit making the subject, any kind of duplicate on there, and other elements special to Facebook (like the CTA button on Facebook company Pages) stick out a lot more.

5) Don't hide material behind your account photo

Due to the means profile photos are featured on Facebook Pages, there's an area of your cover picture that won't appear unless you click on it. Your Page name and the switches under right additionally cover parts of your photo.

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

That being claimed, you could likewise use this concealed space to your advantage-- perhaps even hiding an Easter egg behind the account picture for a competition. Yet typically, keeping that space clear is a good best practice.

6) Don't place essential content under of your image, either

Your profile picture isn't the only part of your cover image that will be partly hidden on your primary Page. You'll likewise intend to prevent putting vital material or key parts of your picture under of your image where the name of your Page as well as CTA buttons are.

We suggest attracting an imaginary line regarding halfway up your profile picture, as well as keeping crucial web content (like text or hashtags) over that.

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

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

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

Doesn't the right-aligned cover image look far better? The biggest layout aspects (the account image, the text, and the beer) are evenly spaced. In the Samsung cover image, your attention goes quickly to the left side of the page, totally missing the name of the product on the top best side.

Not only is including equilibrium a vital element of design, yet it also permits your cover pictures to be much more aesthetically effective on mobile. Which brings me to my following point ...

8) Do keep mobile individuals in mind

In April 2016, Facebook reported that over half of its user base (54.2%) gain access to the social network exclusively from smart phones. That's significant-- and also it's exactly why it's so crucial to maintain mobile users top-of-mind when making your Facebook cover image.

On mobile, a much bigger section of your cover image is shut out due to the fact that the account photo and the Web page name get on top of the cover photo.

Allow's have a look at a real-life example. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer browser versus on Facebook's mobile app.



Notification that the sides of the picture are removed on mobile. Whereas your cover picture displays at 851 pixels vast by 315 pixels tall on desktop computer, it shows just the facility 640 pixels vast by 360 pixels tall on mobile phones. Have a look at this Facebook assistance file to find out more.

Notification, by the way, exactly how the text in Adobe's cover picture is cut off on the right-hand side. While it looks finest to right-align your aesthetic aspects, take care not to place crucial web content up until now to the right that it gets removed on mobile.

9) Do incorporate the cover picture layout with various other parts of your Facebook Web page

If you truly intend to get imaginative with your cover image, try incorporating its layout with various other parts of your Facebook Page. You might make your account image as well as cover picture one huge canvas, or make use of some design components to accentuate different functionalities of your Facebook Web page.

Below are some concepts of exactly what these cover picture combinations may resemble.

Combine your account image as well as cover picture.

With a little creativity as well as some design modifies, you could make your account picture and cover photo appear as if they're two parts of one canvas. Have a look at among Paris' cover images for a subtle yet engaging means to do that.

Keep in mind: Considering that cover photos show in a different way on mobile and also on desktop computer, you'll need to choose one style to make your cover image and profile mix for. Since cover photos are much more obvious on desktop computer, I 'd recommend focusing on that layout for your cover photo as well as profile photo mix style.

Draw attention to the switches on right.

Complying with the best methods discussed above, WeddingWire puts every one of its crucial text to the right of their cover image-- not only accomplishing an excellent style visual, however also accentuating the main calls-to-action on the Web page: Like, Adhere to, and Message.

Note: While it might feel like a smart idea to include directional cues like an arrow to get individuals to click the CTA switches, note that those CTA buttons do not appear the same way on the mobile application. Simply puts, it might be puzzling to mobile customers if you incorporate the cover picture layout with the switches.

10) Do consist of a shortened web link in your cover picture description that straightens with your web page CTA

If you want to use your cover image to support your web page CTA, make certain your cover photo description likewise includes a text CTA as well as connect to the same deal. This way, at any time individuals watch your cover photo directly, they can access the download link.

Make sure you reduce your links and also add UTM codes so you can track clicks on them. Reducing and also tracking functions are available in the HubSpot Advertising System as well as in tools like bitly.

( If you wish to learn more regarding ways to create reliable call-to-action copy for your cover image summary, click on this link to download our free ebook on creating engaging CTAs.).

11) Do pin a related message right below your Facebook cover photo

Have you ever before "pinned" an article to your Facebook Web page's Timeline? Primarily, pinning a blog post allows you to highlight a typical Facebook message on the top of your Timeline for seven days. It's indicated by a little yellow flag on the top right of the post.

Exactly how does this associate with optimizing your Facebook cover photo? Well, if you're hanging out straightening your Facebook Page CTA, your cover picture design, and also your cover image description copy, you should also ensure to post regarding the very same point straight to your web page, and pin that publish to the top of your Timeline.

By doing this, you're providing individuals one really clear call-to-action when they get here to your web page (albeit in a number of various places)-- which must help conversions.

To pin a Facebook blog post: Just publish the post to Facebook, after that click the downward arrow on the leading right corner of the blog post as well as choose "Pin to Top.".