Dimensions for Facebook Cover Photo

Dimensions For Facebook Cover Photo: When people reach your Facebook Page, where do you believe they first look?

Dimensions For Facebook Cover Photo


I'll give you some tips. It's an aesthetic item of content that rests on top of your page. Its measurements are 851 pixels broad by 315 pixels tall. It takes up virtually a quarter of the screen on a lot of desktop internet browsers.
That's right-- it's your Facebook cover image.

Because it's one of the most noticeable parts of your web page, it's crucial that you follow Facebook cover photo ideal techniques.

Whether you're utilizing Facebook to create leads, close your following sale, or create a customer community, recognizing how to make and enhance your cover picture is essential. Read on to discover just what you must (as well as shouldn't) do in your cover photo.

Click on this link to download our complimentary guide to drawing in customers with Facebook.
( You'll likewise get cover picture templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover photo design template 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 standards is crucial to your Facebook Web page existing in the first place. I 'd highly suggest reviewing the complete Web page Standards, yet here are a few vital things to bear in mind for your cover photo:.

Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on anybody else's copyright.
You can not urge people to post your cover to their personal timelines.
If you obtain captured breaching the above terms, Facebook can do something about it against your Web page. And also while Facebook does not explicitly say exactly what will take place if you break their Page standards, it's probably not wise to get your Facebook Page removed over a cover photo offense, so read the standards in full and adhere to them.

2) Do see to it your Facebook cover photo size is right: 828 px broad by 315 px on desktop, 640 px broad by 360 px tall on mobile.

You do not want to spend all this time creating a cover picture ... just to have it look odd when you publish it to Facebook.

Make certain your cover photo will certainly look magnificent from the outset by making sure it's maximized for the ideal measurements: 851 pixels broad and also 315 pixels tall for desktop, 640 pixels wide by 360 pixels high for mobile.

If you post a photo smaller than those measurements, Facebook will extend it to fit the ideal dimension, as long as it goes to the very least 399 pixels large and 150 pixels high.

If you want a no-hassle way making certain your cover images are the right size, download our pre-sized template for Facebook cover pictures right here.

3) Don't worry regarding the old "20% text" regulation, yet still aim to stay aesthetic.

Back in 2013, Facebook eliminated any recommendation to the 20% guideline on message in cover images ... but that does not suggest you need to go wild with using text in your cover image. The previous policy claimed that only 20% of your cover photo could be text. Directly, I thought that was way also limiting for marketing professionals, yet the belief behind the regulation was a good one.

If you're going to use text in your cover photo, keep that message concise. Your picture will be a lot more informative and interesting.




4) Keep the picture simple, with a clear prime focus.

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

Much of the best Facebook cover images consist of a single subject as the focal point. They likewise use negative white (i.e., void) as a benefit to earn the subject, any kind of duplicate on there, and also various other components one-of-a-kind to Facebook (like the CTA button on Facebook business Pages) stand out much more.

Here's an example from Makr:.




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

As a result of the method profile images are included on Facebook Pages, there's a section of your cover picture that won't show up unless you click on it. Your Page name as well as the switches on the bottom right also cover portions of your picture.

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




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

That being stated, you can also utilize this hidden room to your benefit-- maybe even concealing an Easter egg behind the account picture for a competition. However normally, maintaining that room clear is an excellent best method.

6) Don't put vital content under of your picture, either.

Your account picture isn't really the only part of your cover picture that will be partly concealed on your major Web page. You'll additionally want to stay clear of putting vital web content or crucial parts of your image under of your image where the name of your Page and CTA buttons are.

We suggest attracting an imaginary line about midway up your profile picture, as well as keeping important content (like text or hashtags) over that.

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




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

Given that your account picture gets on left, you want to include some balance to your Facebook cover image design by having the emphasis of the picture be on the right.

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

Right-aligned emphasis:.




Doesn't the right-aligned cover photo look far better? The biggest layout components (the account photo, the text, and the beer) are evenly spaced. In the Samsung cover photo, your interest goes promptly to the left side of the web page, entirely missing out on the name of the item on the upper right side.

Not only is adding balance an essential aspect of design, yet it additionally enables your cover pictures to be a lot more visually reliable on mobile. Which brings me to my next point ...

8) Do keep mobile customers in mind.

In April 2016, Facebook reported that over fifty percent of its user base (54.2%) gain access to the social media network solely from mobile devices. That's significant-- and also it's specifically why it's so crucial to keep mobile users top-of-mind when making your Facebook cover photo.

On mobile, a much larger part of your cover picture is shut out since the profile photo and also the Web page name are on top of the cover picture.




Allow's have a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Page appears like in a desktop computer browser versus on Facebook's mobile application.

Desktop:.




Mobile:.




Notice that the sides of the photo are cut off on mobile. Whereas your cover image presents at 851 pixels vast by 315 pixels tall on desktop computer, it shows just the facility 640 pixels broad by 360 pixels tall on smart devices. Take a look at this Facebook help record for more details.

Notice, incidentally, exactly how the text in Adobe's cover picture is removed on the right-hand side. While it looks best to right-align your visual elements, beware not to place important content up until now to the right that it obtains removed on mobile.

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

If you actually desire your Facebook advertising and marketing to stand apart, try incorporating its style with other parts of your Web page. You can make your account picture and also cover picture one large canvas, or make use of some style elements to draw attention to various performances of your Facebook Web page.

Below are some suggestions of just what these cover image integrations might appear like.

Incorporate your profile picture and cover image.

With a little creativity and also some design modifies, you could make your account photo and cover picture look like if they're two parts of one canvas. Have a look at among Paris' cover images for a refined however compelling method to do that.

Note: Because cover images display in a different way on mobile and also on desktop computer, you'll have to choose one layout to design your cover photo and also account combination for. Since cover pictures are much more obvious on desktop computer, I 'd recommend focusing on that design for your cover image as well as account photo combination design.




Accentuate the switches on right.

Following the best practices discussed over, WeddingWire puts every one of its important message to the right of their cover picture-- not just attaining an excellent layout aesthetic, but likewise accentuating the major calls-to-action on the Page: Like, Adhere to, and also Message.

Note: While it may look like a smart idea to add directional signs like an arrow to obtain individuals to click the CTA buttons, note that those CTA switches do not appear the same way on the mobile app. To puts it simply, it may be confusing to mobile customers if you integrate the cover picture design with the switches.




10) Do include a shortened link in your cover photo description that straightens with your page CTA.

If you want to use your cover image to support your web page CTA, make sure your cover photo summary likewise consists of a message CTA and connect to the same offer. In this manner, any time people view your cover image straight, they could access the download web link.

Right here's this method in action on HubSpot's Facebook Page.

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

( If you wish to find out more regarding how to write reliable call-to-action duplicate for your cover photo summary, go here to download our totally free e-book on creating compelling CTAs.).