Size for Facebook Cover

Size For Facebook Cover: When people reach your Facebook Web page, where do you assume they initially look?

I'll provide you some tips. It's an aesthetic item of web content that sits on top of your page. Its measurements are 851 pixels vast by 315 pixels high. It occupies nearly a quarter of the screen on most desktop internet browsers.



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

Considering that it's one of one of the most noticeable parts of your page, it's essential that you adhere to Facebook cover image finest techniques.

Whether you're utilizing Facebook to produce leads, close your following sale, or produce a client neighborhood, knowing ways to make and also enhance your cover picture is essential. Keep reading to learn just what you should (and also shouldn't) do in your cover photo.

Size For Facebook Cover


1) Do abide by Facebook's cover picture guidelines

It appears like a no-brainer, however complying with Facebook standards is essential to your Facebook Web page existing to begin with. I 'd highly recommend reading through the full Page Standards, yet here are a couple of important things to keep in mind for your cover photo:

Your cover is public.
Covers can not be deceitful, misleading, or infringe on anybody else's copyright.
You can not encourage individuals to post your cover to their personal timelines.
If you get caught violating the above terms, Facebook could do something about it versus your Web page. And also while Facebook doesn't clearly say exactly what will happen if you break their Web page standards, it's probably not wise to obtain your Facebook Page removed over a cover photo violation, so review the standards in full as well as abide by them.

2) Do make sure your Facebook cover image dimension is right: 851 px broad by 315 px high

You do not wish to invest all this moment designing a cover photo ... just to have it look strange when you submit it to Facebook.

See to it your cover image will look fantastic from the beginning by ensuring it's the appropriate measurements: 851 pixels broad as well as 315 pixels tall.



If you upload an image smaller sized compared to those measurements, Facebook will extend it to fit the right size, as long as it's at least 399 pixels wide and 150 pixels tall.

If you desire a no-hassle method to make sure your cover images are the right size, download our pre-sized template for Facebook cover photos right here.

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

Back in 2013, Facebook removed any reference to the 20% policy on text in cover photos ... but that does not suggest you need to go wild with utilizing message in your cover image. The previous regulation claimed that just 20% of your cover photo could be text. Directly, I thought that was way also restrictive for online marketers, however the view behind the guideline was a good one.

If you're mosting likely to use text in your cover image, keep that message concise. Your photo will certainly be much more insightful as well as appealing.

4) Keep the photo simple, with a clear prime focus

Think of your cover image as the portion of your Web page that's "above the fold." If it's distracting or low quality, individuals will be more probable to click off the page.

Much of the best Facebook cover images include a solitary subject as the focal point. They likewise make use of adverse white (i.e., void) as an advantage making the topic, any type of duplicate on there, as well as various other components special to Facebook (like the CTA button on Facebook business Pages) attract attention a lot more.

5) Don't conceal material behind your profile image

Due to the means profile photos are showcased on Facebook Pages, there's an area of your cover photo that will not show up unless you click on it. Your Page name as well as the buttons under right likewise cover sections of your image.

According to Facebook's Help page, on desktop computers, the account 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 claimed, you could also use this hidden room to your advantage-- maybe even hiding an Easter egg behind the profile image for a competition. Yet generally, maintaining that area clear is an excellent finest technique.

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

Your profile picture isn't the only part of your cover image that will certainly be partly hidden on your main Web page. You'll additionally intend to stay clear of putting vital material or key parts of your image on the bottom of your photo where the name of your Web page and also CTA buttons are.

We advise drawing an imaginary line regarding midway up your profile image, and also keeping important material (like text or hashtags) over that.

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

Since your profile photo is on left, you intend to include some equilibrium to your Facebook cover image style by having the emphasis of the photo be on the right.

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

Doesn't the right-aligned cover picture look far better? The largest layout elements (the account photo, the message, and also the beer) are uniformly spaced. In the Samsung cover picture, your interest goes quickly to the left side of the web page, completely missing out on the name of the item on the top right side.

Not only is adding balance a crucial element of design, yet it also enables your cover photos to be a lot more visually reliable on mobile. Which brings me to my following factor ...

8) Do maintain mobile customers in mind

In April 2016, Facebook reported that over half of its individual base (54.2%) access the social media network specifically 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 photo.

On mobile, a much bigger section of your cover image is blocked out since the profile image as well as the Web page name get on top of the cover photo.

Let's have a look at a real-life example. Below, have a look at what Adobe's Facebook Page appears like in a desktop web browser versus on Facebook's mobile app.

Desktop:



Mobile:



Notice that the sides of the photo are removed on mobile. Whereas your cover image displays at 851 pixels vast by 315 pixels high on desktop, it presents only the center 640 pixels wide by 360 pixels tall on mobile phones. Take a look at this Facebook aid record for more information.

Notice, by the way, just how the message in Adobe's cover image is cut off on the right-hand side. While it looks best to right-align your visual components, beware not to put important material so far to the right that it gets removed on mobile.

9) Do integrate the cover picture layout with various other parts of your Facebook Page

If you really wish to obtain creative with your cover picture, attempt integrating its style with other parts of your Facebook Web page. You can make your profile image as well as cover picture one huge canvas, or utilize some style elements to accentuate different functionalities of your Facebook Web page.

Below are some suggestions of exactly what these cover picture integrations might appear like.

Combine your account image and also cover image.

With a little imagination and also some design fine-tunes, you could make your account photo as well as cover picture appear as if they're two parts of one canvas. Take a look at one of Paris' cover images for a subtle yet engaging method to do that.

Note: Because cover photos present in a different way on mobile and also on desktop computer, you'll need to choose one style to develop your cover photo as well as profile mix for. Given that cover photos are much more noticeable on desktop, I would certainly suggest focusing on that layout for your cover photo and also profile photo combination style.

Draw attention to the switches on right.

Adhering to the very best methods pointed out over, WeddingWire places all its vital text to the right of their cover picture-- not only accomplishing an excellent style aesthetic, however likewise accentuating the primary calls-to-action on the Page: Like, Adhere to, and Message.

Note: While it might seem like a great idea to include directional cues like an arrowhead to get people to click on the CTA buttons, note that those CTA switches do not appear the same way on the mobile application. To puts it simply, it may be perplexing to mobile customers if you incorporate the cover image layout with the buttons.

10) Do include a reduced link in your cover photo description that aligns with your page CTA

If you want to utilize your cover picture to sustain your web page CTA, see to it your cover photo description also consists of a text CTA and also connect to the exact same deal. By doing this, at any time individuals watch your cover photo directly, they could access the download link.

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

( If you intend to learn more concerning the best ways to compose efficient call-to-action duplicate for your cover image summary, click here to download our complimentary e-book on producing compelling CTAs.).

11) Do pin a relevant blog post right listed below your Facebook cover image

Have you ever "pinned" a message to your Facebook Web page's Timeline? Essentially, pinning an article enables you to highlight a regular Facebook message on the top of your Timeline for seven days. It's represented by a tiny yellow flag on the leading right of the post.

Just how does this connect to enhancing your Facebook cover image? Well, if you're hanging out straightening your Facebook Page CTA, your cover picture layout, as well as your cover image description copy, you ought to additionally see to it to post about the same point straight to your web page, as well as pin that upload to the top of your Timeline.

By doing this, you're providing individuals one extremely clear call-to-action when they show up to your page (albeit in a number of various areas)-- which need to assist conversions.

To pin a Facebook post: Merely release the message to Facebook, after that click the down arrowhead on the top right edge of the blog post and pick "Pin to Top.".