Image Size for Cover Photo Facebook

Image Size For Cover Photo Facebook: When individuals get to your Facebook Page, where do you think they first look?

I'll give you some hints. It's a visual item of content that sits at the top of your web page. Its measurements are 851 pixels wide by 315 pixels high. It uses up nearly a quarter of the display on most desktop internet browsers.



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

Because it is just one of one of the most visible parts of your page, it's crucial that you follow Facebook cover picture finest techniques.

Whether you're using Facebook to create leads, shut your following sale, or produce a customer neighborhood, knowing ways to make and also maximize your cover image is essential. Keep reading to discover just what you need to (and also should not) carry out in your cover image.

Image Size For Cover Photo Facebook


1) Do abide by Facebook's cover image guidelines

It appears like a no-brainer, yet obeying Facebook guidelines is essential to your Facebook Page existing in the first place. I 'd very recommend going through the complete Web page Standards, but right here are a couple of essential points to remember for your cover photo:

Your cover is public.
Covers can't be misleading, deceptive, or infringe on any individual else's copyright.
You can not motivate individuals to publish your cover to their individual timelines.
If you get captured breaching the above terms, Facebook might act versus your Web page. As well as while Facebook doesn't explicitly claim what will certainly occur if you breach their Web page standards, it's probably not wise to obtain your Facebook Web page removed over a cover image infraction, so read the standards completely and also comply with them.

2) Do see to it your Facebook cover photo dimension is right: 851 px broad by 315 px high

You do not wish to spend all this moment developing a cover image ... only to have it look weird when you post it to Facebook.

Ensure your cover image will certainly look fabulous from the get-go by ensuring it's the appropriate dimensions: 851 pixels wide and also 315 pixels tall.



If you submit a photo smaller sized than those measurements, Facebook will extend it to fit the right size, as long as it goes to least 399 pixels large and 150 pixels tall.

If you want a no-hassle method to make sure your cover photos are the appropriate size, download our pre-sized theme for Facebook cover photos below.

3) Don't worry concerning the old "20% text" rule, yet still try to remain visual

Back in 2013, Facebook eliminated any reference to the 20% rule on text in cover images ... but that does not mean you must go wild with using message in your cover picture. The previous rule stated that just 20% of your cover image could be message. Personally, I believed that was way also limiting for online marketers, however the sentiment behind the rule was a good one.

If you're mosting likely to use text in your cover picture, maintain that text concise. Your photo will certainly be far more interesting and also interesting.

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

Consider your cover image as the section of your Web page that's "over the fold." If it's distracting or low quality, people will be more probable to click off the web page.

A number of the most effective Facebook cover images include a single subject as the focal point. They additionally utilize negative white (i.e., empty space) as a benefit to make the topic, any type of duplicate on there, and other components special to Facebook (like the CTA switch on Facebook company Pages) stick out even more.

5) Do not hide web content behind your account photo

Due to the method account images are included on Facebook Pages, there's a section of your cover picture that won't appear unless you click on it. Your Web page name and also the buttons on the bottom right likewise cover parts of your image.

According to Facebook's Assistance web page, on home computer, the account image lies 16 pixels from the left side of the cover photo, and also 176 pixels from the top of the cover image.

That being claimed, you can additionally utilize this surprise room to your advantage-- maybe even hiding an Easter egg behind the profile picture for a competition. But commonly, maintaining that space clear is an excellent best method.

6) Do not place important content on the bottom of your photo, either

Your account picture isn't the only part of your cover image that will be partly hidden on your primary Web page. You'll additionally want to stay clear of placing crucial content or vital parts of your image under of your image where the name of your Page as well as CTA buttons are.

We recommend attracting an imaginary line about halfway up your account picture, as well as keeping essential material (like message or hashtags) over that.

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

Considering that your profile photo gets on left, you want to include some balance to your Facebook cover photo style by having the focus of the picture be on the right.

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

Doesn't the right-aligned cover picture look better? The greatest design elements (the profile picture, the text, and the beer) are uniformly spaced. In the Samsung cover image, your attention goes quickly to the left side of the web page, entirely missing out on the name of the item on the upper ideal side.

Not only is including balance a critical element of design, however it likewise permits your cover pictures to be extra aesthetically effective on mobile. Which brings me to my following factor ...

8) Do keep mobile customers in mind

In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social network specifically from smart phones. That's massive-- as well as it's specifically why it's so vital to keep mobile individuals top-of-mind when making your Facebook cover image.

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

Allow's take a look at a real-life instance. Listed below, take a look at exactly what Adobe's Facebook Page resembles in a desktop computer browser versus on Facebook's mobile app.

Desktop computer:



Mobile:



Notice that the sides of the image are cut off on mobile. Whereas your cover picture displays at 851 pixels wide by 315 pixels high on desktop computer, it presents just the facility 640 pixels large by 360 pixels tall on mobile phones. Have a look at this Facebook help document for more details.

Notification, incidentally, just how the message in Adobe's cover image is cut off on the right-hand side. While it looks finest to right-align your aesthetic components, take care not to place vital material up until now to the right that it obtains cut off on mobile.

9) Do integrate the cover photo design with various other parts of your Facebook Web page

If you really want to obtain innovative with your cover image, try integrating its layout with other parts of your Facebook Web page. You can make your profile image and cover picture one large canvas, or make use of some design components to draw attention to different functionalities of your Facebook Web page.

Below are some concepts of what these cover photo integrations may appear like.

Combine your account photo as well as cover photo.

With a little imagination and also some layout modifies, you could make your account picture and cover picture appear as if they're 2 parts of one canvas. Check out among Paris' cover images for a refined but engaging method to do that.

Keep in mind: Since cover photos show differently on mobile as well as on desktop computer, you'll have to pick one format to create your cover photo as well as account combination for. Since cover photos are much more noticeable on desktop computer, I would certainly recommend focusing on that layout for your cover picture and profile photo combination style.

Accentuate the switches on right.

Adhering to the very best practices pointed out above, WeddingWire places all its crucial message to the right of their cover image-- not just achieving a great style aesthetic, but additionally accentuating the major calls-to-action on the Web page: Like, Follow, and also Message.

Keep in mind: While it may seem like a good idea to add directional cues like an arrow to get people to click the CTA switches, keep in mind that those CTA buttons don't show up the same way on the mobile app. To puts it simply, it could be puzzling to mobile customers if you incorporate the cover photo design with the buttons.

10) Do include a reduced web link in your cover photo summary that lines up with your page CTA

If you want to utilize your cover photo to sustain your web page CTA, make certain your cover picture description additionally includes a text CTA and connect to the very same deal. By doing this, whenever people watch your cover photo straight, they could access the download link.

Make sure you reduce your links as well as include UTM codes so you can track click them. Shortening as well as tracking features are readily available in the HubSpot Advertising Platform and in tools like bitly.

( If you intend to find out more about how to write effective call-to-action copy for your cover image summary, click here to download our totally free book on producing compelling CTAs.).

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

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

How does this relate to maximizing your Facebook cover image? Well, if you're hanging out aligning your Facebook Page CTA, your cover image style, and your cover photo description duplicate, you must also make certain to upload regarding the very same thing directly to your page, as well as pin that publish to the top of your Timeline.

This way, you're offering individuals one extremely clear call-to-action when they arrive to your page (albeit in a number of different areas)-- which ought to aid conversions.

To pin a Facebook article: Just release the post to Facebook, then click the downward arrow on the leading right corner of the article and also choose "Pin to Top.".