What Are The Dimensions For The Facebook Cover Photo: When individuals reach your Facebook Web page, where do you think they initially look?
What Are The Dimensions For The Facebook Cover Photo
I'll provide you some tips. It's a visual item of material that rests at the top of your web page. Its measurements are 851 pixels vast by 315 pixels high. It occupies almost a quarter of the screen on most desktop browsers.
That's right-- it's your Facebook cover image.
Considering that it's one of the most noticeable parts of your web page, it's important that you adhere to Facebook cover photo finest methods.
Whether you're making use of Facebook to generate leads, shut your next sale, or create a client area, knowing the best ways to make and optimize your cover photo is very important. Read on to learn just what you should (and should not) carry out in your cover picture.
Click here to download our complimentary guide to drawing in customers with Facebook.
( You'll additionally obtain cover picture templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover image theme download!).
11 Best Practices for Your Facebook Cover Image.
1) Do follow Facebook's cover picture guidelines.
It feels like a no-brainer, but following Facebook guidelines is vital to your Facebook Page existing to begin with. I 'd highly recommend going 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 cannot be deceptive, misleading, or infringe on any individual else's copyright.
You cannot urge individuals to post your cover to their individual timelines.
If you obtain captured going against the above terms, Facebook could do something about it against your Web page. And also while Facebook doesn't clearly state what will take place if you breach their Page guidelines, it's probably not smart to obtain your Facebook Web page removed over a cover picture offense, so check out the guidelines completely and also comply with them.
2) Do see to it your Facebook cover photo dimension is right: 828 px vast by 315 px on desktop computer, 640 px vast by 360 px tall on mobile.
You don't want to spend all this time developing a cover image ... just to have it look unusual when you upload it to Facebook.
Make certain your cover photo will certainly look wonderful from the beginning by ensuring it's enhanced for the ideal measurements: 851 pixels wide as well as 315 pixels high for desktop, 640 pixels broad by 360 pixels high for mobile.
If you submit a photo smaller sized than those dimensions, Facebook will extend it to fit the right dimension, as long as it's at least 399 pixels vast as well as 150 pixels tall.
If you desire a no-hassle way making sure your cover pictures are the best dimension, download our pre-sized layout for Facebook cover pictures right here.
3) Don't worry about the old "20% text" policy, yet still attempt to stay visual.
Back in 2013, Facebook got rid of any kind of recommendation to the 20% rule on text in cover photos ... however that doesn't mean you need to go wild with utilizing message in your cover picture. The previous regulation stated that only 20% of your cover photo could be message. Personally, I believed that was way too limiting for online marketers, yet the sentiment behind the rule was a good one.
If you're going to use message in your cover picture, keep that text concise. Your image will be much more helpful and appealing.
4) Maintain the photo simple, with a clear prime focus.
Think about your cover image as the portion of your Page that's "above the fold." If it's distracting or poor quality, people will certainly be more likely to click off the page.
Most of the best Facebook cover images include a single topic as the focal point. They additionally utilize unfavorable white (i.e., empty space) as an advantage making the topic, any copy on there, and also various other aspects one-of-a-kind to Facebook (like the CTA button on Facebook company Pages) attract attention a lot more.
Here's an example from Makr:.
5) Don't conceal web content behind your profile photo.
Because of the way profile images are featured on Facebook Pages, there's an area of your cover photo that will not appear unless you click on it. Your Page name and the buttons under right also cover portions of your photo.
Check out the example below from NikeWomen. The sections highlighted in red are the parts of the cover picture that typically aren't promptly readable to your Facebook Followers.
According to Facebook's Aid web page, on desktop, the account picture lies 16 pixels from the left edge of the cover image, and also 176 pixels from the top of the cover picture.
That being stated, you can additionally utilize this concealed space to your advantage-- perhaps even concealing an Easter egg behind the profile picture for a contest. But usually, maintaining that area clear is a good ideal practice.
6) Do not place essential content under of your photo, either.
Your account image isn't the only part of your cover image that will certainly be partly concealed on your main Web page. You'll likewise intend to prevent putting essential content or key parts of your photo on the bottom of your image where the name of your Page as well as CTA buttons are.
We advise drawing an imaginary line regarding midway up your account photo, and keeping crucial web content (like text or hashtags) above that.
You could see exactly what I mean 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 image.
Considering that your profile image gets on left, you intend to add some balance to your Facebook cover photo layout by having the focus of the image get on the right.
Take a look at these cover images. Which one looks even more aesthetically pleasing?
Right-aligned emphasis:.
Does not the right-aligned cover photo look far better? The largest design aspects (the profile picture, the message, as well as the beer) are uniformly spaced. In the Samsung cover picture, your attention goes immediately to the left side of the web page, totally missing the name of the item on the top appropriate side.
Not just is adding balance a vital component of style, however it additionally permits your cover pictures to be more aesthetically effective on mobile. Which brings me to my next point ...
8) Do maintain mobile individuals in mind.
In April 2016, Facebook reported that over half of its customer base (54.2%) gain access to the social media network solely from smart phones. That's massive-- and also it's exactly why it's so crucial to maintain mobile users top-of-mind when designing your Facebook cover image.
On mobile, a much bigger part of your cover image is blocked out because the account photo as well as the Web page name are on top of the cover image.
Let's have a look at a real-life example. Listed below, take a look at exactly what Adobe's Facebook Page looks like in a desktop computer internet browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notice that the sides of the picture are removed on mobile. Whereas your cover picture shows at 851 pixels wide by 315 pixels high on desktop computer, it presents just the facility 640 pixels large by 360 pixels high on mobile phones. Take a look at this Facebook aid document for additional information.
Notification, by the way, exactly how the text in Adobe's cover image is cut off on the right-hand side. While it looks finest to right-align your aesthetic aspects, beware not to place crucial material until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image layout with other parts of your Facebook Web page.
If you truly desire your Facebook advertising to stand out, try incorporating its layout with various other parts of your Web page. You can make your profile picture as well as cover picture one big canvas, or use some layout elements to draw attention to different capabilities of your Facebook Web page.
Below are some ideas of just what these cover picture combinations could appear like.
Integrate your account image and cover picture.
With a little creative thinking and some layout tweaks, you could make your account picture and cover picture look like if they're two parts of one canvas. Check out among Paris' cover pictures for a refined however engaging method to do that.
Note: Because cover pictures present in different ways on mobile and also on desktop, you'll need to choose one layout to develop your cover image as well as profile combination for. Considering that cover images are much more recognizable on desktop computer, I 'd suggest focusing on that layout for your cover picture and profile photo combination style.
Accentuate the switches on right.
Following the best practices stated above, WeddingWire places every one of its important message to the right of their cover image-- not just accomplishing an excellent design visual, however additionally accentuating the major calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it might seem like a good idea to add directional cues like an arrow to get people to click on the CTA switches, keep in mind that those CTA buttons don't show up similarly on the mobile app. In other words, it might be puzzling to mobile users if you integrate the cover image design with the switches.
10) Do include a reduced web link in your cover image summary that straightens with your page CTA.
If you want to utilize your cover picture to support your web page CTA, make certain your cover image description likewise consists of a message CTA and connect to the exact same deal. By doing this, at any time individuals view your cover photo straight, they can access the download web link.
Right here's this technique at work on HubSpot's Facebook Page.
Ensure you shorten your web links as well as add UTM codes so you can track click them. Shortening and also tracking functions are available in the HubSpot Marketing System and also in tools like bitly.
( If you wish to learn more regarding how you can create reliable call-to-action duplicate for your cover photo summary, click here to download our complimentary e-book on creating compelling CTAs.).
