Facebook New Cover Photo Dimensions

Facebook New Cover Photo Dimensions: When people come to your Facebook Web page, where do you believe they initially look?

Facebook New Cover Photo Dimensions


I'll give you some tips. It's an aesthetic piece of content that sits at the top of your page. Its dimensions are 851 pixels vast by 315 pixels high. It occupies practically a quarter of the display on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.

Considering that it is just one of one of the most noticeable parts of your web page, it's critical that you follow Facebook cover picture best techniques.

Whether you're using Facebook to generate leads, close your following sale, or create a consumer area, understanding how to make and also maximize your cover photo is very important. Keep reading to discover just what you must (as well as shouldn't) do in your cover picture.

Click here to download our cost-free guide to bring in clients with Facebook.
( You'll additionally get cover photo design templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover image template download!).

11 Best Practices for Your Facebook Cover Picture.

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

It looks like a piece of cake, yet obeying Facebook standards is vital to your Facebook Web page existing to begin with. I 'd very suggest checking out the complete Web page Guidelines, however below are a few essential things to remember for your cover picture:.

Your cover is public.
Covers can not be deceitful, deceptive, or infringe on any individual else's copyright.
You cannot motivate individuals to post your cover to their individual timelines.
If you get captured violating the above terms, Facebook might do something about it versus your Page. As well as while Facebook doesn't clearly state exactly what will certainly take place if you break their Web page guidelines, it's possibly 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 adhere to them.

2) Do make sure your Facebook cover photo size is right: 828 px wide by 315 px on desktop computer, 640 px vast by 360 px tall on mobile.

You do not intend to spend all this time around developing a cover photo ... only to have it look odd when you submit it to Facebook.

Make certain your cover picture will look fantastic from the get-go by making sure it's optimized for the ideal dimensions: 851 pixels vast as well as 315 pixels tall for desktop, 640 pixels large by 360 pixels high for mobile.

If you submit an image smaller than those dimensions, Facebook will extend it to fit the best dimension, as long as it's at least 399 pixels vast and 150 pixels high.

If you want a no-hassle method to earn certain your cover pictures are the ideal dimension, download our pre-sized design template for Facebook cover images right here.

3) Don't worry concerning the old "20% message" guideline, however still aim to remain visual.

Back in 2013, Facebook eliminated any referral to the 20% rule on text in cover images ... but that does not imply you must go wild with making use of text in your cover image. The previous rule stated that only 20% of your cover picture could be text. Personally, I thought that was way too restrictive for marketers, but the belief behind the regulation was a good one.

If you're going to utilize message in your cover photo, maintain that text concise. Your picture will certainly be much more informative as well as engaging.




4) Maintain the image simple, with a clear focal point.

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

Many of the most effective Facebook cover pictures include a solitary subject as the focal point. They also make use of unfavorable white (i.e., void) as a benefit to make the topic, any copy on there, and also other elements one-of-a-kind to Facebook (like the CTA button on Facebook business Pages) stick out a lot more.

Right here's an instance from Makr:.




5) Don't conceal material behind your account image.

Because of the means account images are showcased on Facebook Pages, there's a section of your cover photo that won't show up unless you click it. Your Web page name and the buttons on the bottom right also cover portions of your photo.

Have a look at the example listed below from NikeWomen. The parts highlighted in red are the parts of the cover image that aren't right away viewable to your Facebook Followers.




According to Facebook's Aid page, on computer, the profile picture is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover image.

That being said, you could likewise use this covert space to your benefit-- perhaps even hiding an Easter egg behind the account picture for a competition. But usually, maintaining that area clear is a great best method.

6) Don't place important content under of your photo, either.

Your account image isn't the only part of your cover image that will be partially concealed on your major Web page. You'll likewise want to avoid putting important content or crucial parts of your photo on the bottom of your picture where the name of your Page and CTA switches are.

We recommend drawing an imaginary line about halfway up your profile image, and keeping vital content (like text or hashtags) over that.

You could see exactly what I imply in HubSpot's cover picture listed below, where we've placed the message over the "HubSpot" name.




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

Because your account photo gets on left, you intend to add some balance to your Facebook cover photo layout by having the emphasis of the image be on the right.

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

Right-aligned focus:.




Doesn't the right-aligned cover photo look much better? The most significant layout elements (the account picture, the text, as well as the beer) are uniformly spaced. In the Samsung cover image, your focus goes right away to the left side of the page, completely missing the name of the item on the upper ideal side.

Not just is adding equilibrium an essential component of design, however it likewise permits your cover photos to be much more visually efficient on mobile. Which brings me to my next factor ...

8) Do maintain mobile individuals in mind.

In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social media specifically from mobile phones. That's huge-- and it's exactly why it's so essential to maintain mobile individuals top-of-mind when creating your Facebook cover picture.

On mobile, a much larger portion of your cover photo is shut out due to the fact that the profile photo and the Web page name are on top of the cover picture.




Let's have a look at a real-life instance. Below, take a look at just what Adobe's Facebook Page resembles in a desktop computer internet browser versus on Facebook's mobile app.

Desktop:.




Mobile:.




Notification that the sides of the picture are removed on mobile. Whereas your cover photo shows at 851 pixels broad by 315 pixels high on desktop computer, it shows only the facility 640 pixels large by 360 pixels high on mobile phones. Take a look at this Facebook assistance record to learn more.

Notification, by the way, 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 aspects, be careful not to place essential material so far to the right that it gets cut off on mobile.

9) Do integrate the cover photo style with various other parts of your Facebook Page.

If you actually want your Facebook advertising to stick out, attempt integrating its layout with various other parts of your Page. You could make your profile photo as well as cover image one large canvas, or use some design aspects to draw attention to different performances of your Facebook Page.

Below are some ideas of just what these cover photo combinations could look like.

Combine your account image and also cover photo.

With a little imagination and also some style tweaks, you can make your profile image and cover image look like if they're two parts of one canvas. Check out one of Paris' cover images for a refined however engaging means to do that.

Note: Considering that cover images show in different ways on mobile as well as on desktop, you'll have to select one style to create your cover image and account combination for. Given that cover photos are a lot more visible on desktop computer, I would certainly suggest prioritizing that format for your cover photo and account picture combination design.




Accentuate the switches on right.

Adhering to the most effective methods mentioned above, WeddingWire positions every one of its crucial text to the right of their cover image-- not only accomplishing a good layout aesthetic, yet likewise accentuating the major calls-to-action on the Page: Like, Adhere to, as well as Message.

Note: While it might feel like a great idea to include directional hints like an arrowhead to get individuals to click on the CTA switches, note that those CTA switches do not show up the same way on the mobile application. To puts it simply, it might be puzzling to mobile customers if you integrate the cover picture design with the switches.




10) Do include a shortened link in your cover picture description that aligns with your web page CTA.

If you want to use your cover photo to sustain your web page CTA, see to it your cover picture description additionally consists of a text CTA and connect to the exact same offer. By doing this, whenever individuals view your cover picture directly, they can access the download web link.

Below's this practice at work on HubSpot's Facebook Page.

See to it you shorten your web links as well as include UTM codes so you could track click them. Reducing and tracking features are available in the HubSpot Advertising Platform and in tools like bitly.

( If you wish to discover more regarding the best ways to write efficient call-to-action duplicate for your cover picture description, click here to download our cost-free digital book on producing compelling CTAs.).