Facebook Cover Photo Dimension: When individuals arrive at your Facebook Web page, where do you think they initially look?
Facebook Cover Photo Dimension
I'll provide you some tips. It's a visual piece of web content that sits at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels tall. It occupies virtually a quarter of the display on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Since it's one of the most visible parts of your page, it's important that you follow Facebook cover picture best techniques.
Whether you're making use of Facebook to produce leads, close your next sale, or create a customer community, knowing how you can make and also optimize your cover photo is crucial. Keep reading to discover just what you ought to (and also should not) perform in your cover photo.
Click here to download our complimentary guide to bring in consumers with Facebook.
( You'll likewise get cover picture design templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover photo template download!).
11 Best Practices for Your Facebook Cover Image.
1) Do abide by Facebook's cover picture standards.
It seems like a no-brainer, but following Facebook standards is essential to your Facebook Page existing to begin with. I 'd highly suggest checking out the full Web page Guidelines, but below are a couple of vital points to keep in mind for your cover picture:.
Your cover is public.
Covers can not be deceitful, misleading, or infringe on any individual else's copyright.
You can not urge people to post your cover to their individual timelines.
If you get caught breaching the above terms, Facebook can take action versus your Web page. And also while Facebook does not explicitly say what will certainly occur if you break their Page guidelines, it's probably not wise to obtain your Facebook Page removed over a cover photo offense, so review the standards in full as well as comply with them.
2) Do see to it your Facebook cover image size is right: 828 px broad by 315 px on desktop computer, 640 px large by 360 px high on mobile.
You do not want to invest all this time around designing a cover photo ... just to have it look unusual when you upload it to Facebook.
Make sure your cover photo will look amazing from the beginning by making certain it's optimized for the ideal dimensions: 851 pixels wide as well as 315 pixels tall for desktop, 640 pixels wide by 360 pixels tall for mobile.
If you post a picture smaller sized compared to those measurements, Facebook will certainly extend it to fit the ideal dimension, as long as it goes to least 399 pixels wide and also 150 pixels tall.
If you desire a no-hassle means to earn sure your cover images are the ideal size, download our pre-sized layout for Facebook cover photos below.
3) Don't worry regarding the old "20% message" policy, however still try to stay visual.
Back in 2013, Facebook got rid of any kind of recommendation to the 20% rule on message in cover pictures ... however that does not imply you need to go wild with using text in your cover photo. The previous rule stated that just 20% of your cover picture could be message. Directly, I assumed that was way also limiting for marketing experts, yet the belief behind the regulation was a good one.
If you're mosting likely to make use of message in your cover picture, keep that text concise. Your photo will be a lot more interesting and appealing.
4) Maintain the picture simple, with a clear prime focus.
Think of your cover image as the portion of your Web page that's "over the fold." If it's distracting or poor quality, individuals will be more probable to click off the page.
Much of the very best Facebook cover images include a single topic as the focal point. They additionally make use of negative white (i.e., void) as an advantage making the topic, any type of copy on there, and various other elements unique to Facebook (like the CTA switch on Facebook company Pages) attract attention even more.
Here's an instance from Makr:.
5) Don't conceal content behind your account image.
Due to the way account pictures are featured on Facebook Pages, there's a section of your cover photo that won't show up unless you click on it. Your Page name and also the buttons under right likewise 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 photo that typically aren't right away viewable to your Facebook Fans.
According to Facebook's Assistance web page, on desktop, the profile photo is located 16 pixels from the left edge of the cover picture, as well as 176 pixels from the top of the cover photo.
That being stated, you could additionally utilize this hidden space to your advantage-- maybe even concealing an Easter egg behind the account picture for a contest. However generally, maintaining that room clear is an excellent best practice.
6) Do not put vital content on the bottom of your photo, either.
Your profile image isn't really the only part of your cover image that will be partly hidden on your major Web page. You'll likewise want to stay clear of placing vital web content or crucial parts of your picture under of your photo where the name of your Web page and also CTA switches are.
We recommend drawing an imaginary line about halfway up your profile image, and also maintaining vital content (like message or hashtags) over that.
You can see exactly what I suggest in HubSpot's cover picture listed below, where we've placed the text above the "HubSpot" name.
7) Do right-align the items in your cover image.
Given that your account image is on left, you wish to include some balance to your Facebook cover photo layout by having the focus of the photo get on the right.
Take a look at these cover pictures. Which one looks even more aesthetically pleasing?
Right-aligned emphasis:.
Does not the right-aligned cover photo look far better? The greatest layout components (the profile image, the message, as well as the beer) are evenly spaced. In the Samsung cover image, your attention goes promptly to the left side of the page, totally missing out on the name of the item on the upper ideal side.
Not only is adding equilibrium a critical aspect of layout, yet it likewise allows for your cover images to be extra aesthetically reliable on mobile. Which brings me to my following factor ...
8) Do maintain mobile users in mind.
In April 2016, Facebook reported that over half of its user base (54.2%) access the social media solely from smart phones. That's big-- as well as it's precisely why it's so vital to keep mobile customers top-of-mind when making your Facebook cover image.
On mobile, a much bigger section of your cover picture is blocked out due to the fact that the profile photo and also the Page name are on top of the cover image.
Let's take a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page resembles in a desktop computer web browser versus on Facebook's mobile app.
Desktop computer:.
Mobile:.
Notice that the sides of the photo are removed on mobile. Whereas your cover picture shows at 851 pixels broad by 315 pixels tall on desktop computer, it displays only the facility 640 pixels broad by 360 pixels high on smart devices. Have a look at this Facebook aid paper for more details.
Notice, by the way, how the message in Adobe's cover image is removed on the right-hand side. While it looks ideal to right-align your visual aspects, beware not to put essential content until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover image design with other parts of your Facebook Web page.
If you really desire your Facebook marketing to stick out, try incorporating its style with other parts of your Web page. You might make your account picture and also cover image one huge canvas, or utilize some design components to accentuate various capabilities of your Facebook Page.
Below are some concepts of exactly what these cover photo integrations could appear like.
Combine your profile picture and also cover image.
With a little creativity as well as some design tweaks, you can make your profile image and also cover image look like if they're two parts of one canvas. Check out among Paris' cover photos for a subtle yet compelling way to do that.
Keep in mind: Given that cover photos present in different ways on mobile and on desktop, you'll need to pick one format to make your cover image and also account mix for. Because cover pictures are far more obvious on desktop computer, I 'd recommend focusing on that design for your cover photo as well as account picture combination layout.
Accentuate the buttons on right.
Complying with the most effective practices pointed out above, WeddingWire puts all of its essential text to the right of their cover picture-- not just accomplishing an excellent layout aesthetic, but likewise accentuating the main calls-to-action on the Web page: Like, Comply with, and also Message.
Note: While it might feel like a smart idea to add directional hints like an arrowhead to get individuals to click the CTA switches, note that those CTA buttons don't appear similarly on the mobile application. To puts it simply, it could be confusing to mobile customers if you incorporate the cover picture layout with the buttons.
10) Do include a reduced link in your cover photo summary that aligns with your web page CTA.
If you wish to utilize your cover photo to support your web page CTA, make sure your cover image summary likewise consists of a message CTA as well as link to the exact same offer. By doing this, at any time people view your cover photo straight, they can access the download link.
Right here's this practice in action on HubSpot's Facebook Page.
Make certain you shorten your links and also include UTM codes so you could track clicks on them. Reducing and also tracking features are available in the HubSpot Advertising System as well as in tools like bitly.
( If you wish to find out more about the best ways to write efficient call-to-action duplicate for your cover photo description, click on this link to download our cost-free e-book on creating compelling CTAs.).
