Dimensions Of A Facebook Cover Photo

Dimensions Of A Facebook Cover Photo: When individuals get to your Facebook Web page, where do you think they first look?

Dimensions Of A Facebook Cover Photo


I'll offer you some tips. It's a visual piece of material that sits on top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies nearly a quarter of the screen on most desktop browsers.
That's right-- it's your Facebook cover photo.

Given that it is among one of the most visible parts of your page, it's essential that you follow Facebook cover picture ideal methods.

Whether you're using Facebook to generate leads, shut your following sale, or produce a customer area, recognizing the best ways to make and enhance your cover photo is crucial. Continue reading to learn what you need to (and shouldn't) do in your cover picture.

Go here to download our free overview of bring in clients with Facebook.
( You'll additionally get cover picture themes for Twitter, LinkedIn, YouTube, as well as Google+ with your cover picture design template download!).

11 Ideal Practices for Your Facebook Cover Photo.

1) Do follow Facebook's cover picture standards.

It feels like a no-brainer, however following Facebook standards is critical to your Facebook Page existing in the first place. I 'd very recommend checking out the complete Web page Standards, however below are a couple of important points to remember for your cover image:.

Your cover is public.
Covers cannot be deceitful, misleading, or infringe on anybody else's copyright.
You can not urge people to submit your cover to their personal timelines.
If you obtain captured breaking the above terms, Facebook could do something about it against your Web page. And while Facebook doesn't explicitly claim just what will take place if you breach their Web page standards, it's probably not clever to obtain your Facebook Page taken down over a cover picture violation, so check out the standards completely as well as abide by them.

2) Do see to it 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 don't intend to spend all this time around developing a cover picture ... just to have it look weird when you post it to Facebook.

Make sure your cover picture will certainly look remarkable from the beginning by seeing to it it's enhanced for the right dimensions: 851 pixels broad and also 315 pixels high for desktop, 640 pixels vast by 360 pixels high for mobile.

If you submit a photo smaller compared to those dimensions, Facebook will certainly extend it to fit the ideal size, as long as it goes to the very least 399 pixels large and 150 pixels tall.

If you desire a no-hassle way making certain your cover images are the ideal size, download our pre-sized design template for Facebook cover images below.

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

Back in 2013, Facebook got rid of any kind of reference to the 20% guideline on message in cover photos ... yet that does not suggest you should go wild with making use of message in your cover image. The previous guideline stated that just 20% of your cover image could be message. Personally, I believed that was way too limiting for marketing experts, but the belief behind the rule was a good one.

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




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

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

Many of the very best Facebook cover photos consist of a solitary subject as the prime focus. They additionally use adverse white (i.e., void) as a benefit to earn the topic, any type of duplicate on there, as well as other aspects one-of-a-kind to Facebook (like the CTA button on Facebook organisation Pages) attract attention a lot more.

Below's an instance from Makr:.




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

Because of the means profile images are included on Facebook Pages, there's a section of your cover photo that won't appear unless you click on it. Your Page name as well as the buttons on the bottom right likewise cover parts of your photo.

Look into the instance listed below from NikeWomen. The parts highlighted in red are the parts of the cover image that typically aren't instantly readable to your Facebook Fans.




According to Facebook's Help page, on desktop computers, the profile photo is located 16 pixels from the left edge of the cover photo, and 176 pixels from the top of the cover photo.

That being stated, you can likewise utilize this hidden area to your benefit-- maybe even hiding an Easter egg behind the profile picture for a competition. Yet generally, keeping that space clear is a good finest technique.

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

Your profile picture isn't the only part of your cover image that will be partially hidden on your main Page. You'll additionally want to avoid putting important web content or vital parts of your image on the bottom of your photo where the name of your Web page and also CTA switches are.

We suggest attracting an imaginary line concerning halfway up your account picture, and also maintaining important material (like message or hashtags) over that.

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




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

Given that your profile picture is on left, you want to add some balance to your Facebook cover photo style by having the emphasis of the photo get on the right.

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

Right-aligned emphasis:.




Does not the right-aligned cover photo look much better? The greatest layout aspects (the profile image, the text, and also the beer) are evenly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the web page, completely missing the name of the item on the top right side.

Not only is including balance a crucial component of style, yet it likewise enables your cover pictures to be a lot more visually efficient on mobile. Which brings me to my next point ...

8) Do keep mobile individuals in mind.

In April 2016, Facebook reported that over half of its customer base (54.2%) accessibility the social media exclusively from mobile phones. That's huge-- as well as it's precisely why it's so vital to keep mobile individuals top-of-mind when creating your Facebook cover image.

On mobile, a much bigger portion of your cover photo is blocked out due to the fact that the profile image as well as the Page name are on top of the cover picture.




Let's have a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop web browser versus on Facebook's mobile app.

Desktop:.




Mobile:.




Notice that the sides of the image are cut off on mobile. Whereas your cover image displays at 851 pixels broad by 315 pixels tall on desktop, it shows only the facility 640 pixels vast by 360 pixels tall on mobile phones. Have a look at this Facebook help record for more information.

Notice, incidentally, just how the text in Adobe's cover picture is removed on the right-hand side. While it looks best to right-align your visual components, be careful not to place crucial content so far to the right that it obtains cut off on mobile.

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

If you actually desire your Facebook advertising and marketing to stick out, attempt incorporating its design with other parts of your Web page. You can make your account photo as well as cover photo one huge canvas, or make use of some style aspects to accentuate different functionalities of your Facebook Web page.

Below are some suggestions of just what these cover photo combinations could appear like.

Integrate your account image as well as cover image.

With a little creative thinking as well as some design fine-tunes, you could make your account photo as well as cover picture appear as if they're 2 parts of one canvas. Look into among Paris' cover photos for a subtle however compelling means to do that.

Keep in mind: Since cover pictures show differently on mobile and also on desktop, you'll have to choose one layout to develop your cover photo as well as account mix for. Considering that cover pictures are a lot more noticeable on desktop computer, I 'd suggest focusing on that layout for your cover image and profile picture combination design.




Draw attention to the buttons on right.

Complying with the most effective techniques mentioned above, WeddingWire positions every one of its vital message to the right of their cover picture-- not just achieving an excellent layout aesthetic, yet likewise drawing attention to the main calls-to-action on the Web page: Like, Comply with, and also Message.

Note: While it could look like a good idea to add directional hints like an arrowhead to obtain people to click the CTA switches, note that those CTA switches don't show up similarly on the mobile application. In other words, it may be puzzling to mobile individuals if you integrate the cover picture design with the buttons.




10) Do include a reduced web link in your cover image description that lines up with your page CTA.

If you intend to utilize your cover photo to support your page CTA, make certain your cover photo description also consists of a message CTA and also connect to the very same deal. This way, whenever individuals watch your cover image directly, they can access the download web link.

Below's this technique in action on HubSpot's Facebook Web page.

Ensure you reduce your web links and also add UTM codes so you could track click them. Shortening and tracking features are readily available in the HubSpot Advertising System and also in tools like bitly.

( If you want to find out more regarding how to create reliable call-to-action duplicate for your cover picture summary, go here to download our free digital book on developing compelling CTAs.).