Dimensions Of Facebook Cover Photo: When individuals reach your Facebook Web page, where do you think they initially look?
Dimensions Of Facebook Cover Photo
I'll give you some tips. It's a visual piece of content that sits at the top of your page. Its dimensions are 851 pixels wide by 315 pixels high. It uses up nearly a quarter of the display on many desktop browsers.
That's right-- it's your Facebook cover photo.
Because it is among one of the most obvious parts of your page, it's vital that you adhere to Facebook cover photo ideal practices.
Whether you're making use of Facebook to produce leads, shut your following sale, or develop a client neighborhood, knowing the best ways to make and enhance your cover image is extremely important. Continue reading to learn what you should (as well as should not) perform in your cover image.
Visit this site to download our complimentary overview of bring in consumers with Facebook.
( You'll additionally obtain cover image design templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover image design template download!).
11 Ideal Practices for Your Facebook Cover Image.
1) Do comply with Facebook's cover photo guidelines.
It feels like a piece of cake, yet following Facebook guidelines is vital to your Facebook Web page existing to begin with. I 'd extremely suggest going through the full Page Standards, however right here are a couple of crucial things to keep in mind for your cover picture:.
Your cover is public.
Covers can not be deceptive, deceptive, or infringe on anybody else's copyright.
You can't encourage people to publish your cover to their individual timelines.
If you get caught going against the above terms, Facebook could do something about it versus your Web page. And also while Facebook does not explicitly claim just what will certainly occur if you breach their Page guidelines, it's possibly not clever to obtain your Facebook Web page taken down over a cover photo offense, so check out the standards in full and also adhere to them.
2) Do ensure your Facebook cover image dimension is right: 828 px wide by 315 px on desktop, 640 px large by 360 px high on mobile.
You do not intend to invest all this moment making a cover image ... only to have it look weird when you publish it to Facebook.
Make sure your cover picture will look magnificent from the outset by making sure it's optimized for the appropriate dimensions: 851 pixels large and 315 pixels tall for desktop, 640 pixels large by 360 pixels tall for mobile.
If you publish a picture smaller sized compared to those measurements, Facebook will certainly stretch it to fit the appropriate size, as long as it's at the very least 399 pixels large and also 150 pixels high.
If you desire a no-hassle means making sure your cover photos are the appropriate dimension, download our pre-sized theme for Facebook cover images right here.
3) Don't worry concerning the old "20% text" policy, but still try to stay visual.
Back in 2013, Facebook got rid of any type of reference to the 20% policy on text in cover images ... but that does not suggest you should go wild with making use of text in your cover image. The previous regulation stated that only 20% of your cover photo could be text. Directly, I thought that was way also limiting for marketing experts, however the view behind the guideline was a good one.
If you're mosting likely to utilize message in your cover image, keep that message concise. Your picture will be far more helpful and interesting.
4) Maintain the picture simple, with a clear focal point.
Consider your cover picture as the part of your Web page that's "over the layer." If it's sidetracking or low quality, people will be most likely to click off the page.
Most of the most effective Facebook cover photos consist of a single subject as the prime focus. They likewise utilize unfavorable white (i.e., empty space) as a benefit making the subject, any copy on there, and also various other aspects one-of-a-kind to Facebook (like the CTA switch on Facebook organisation Pages) stand out even more.
Right here's an example from Makr:.
5) Do not hide content behind your account image.
Because of the means account pictures are showcased on Facebook Pages, there's an area of your cover picture that won't appear unless you click it. Your Web page name and also the buttons on the bottom right additionally cover portions of your picture.
Have a look at the example below from NikeWomen. The portions highlighted in red are the parts of the cover photo that typically aren't promptly viewable to your Facebook Followers.
According to Facebook's Help web page, on desktop, the account image is located 16 pixels from the left side of the cover picture, and also 176 pixels from the top of the cover photo.
That being stated, you could also use this surprise room to your advantage-- perhaps even hiding an Easter egg behind the account image for a competition. However commonly, keeping that room clear is a great finest method.
6) Do not put vital material under of your picture, either.
Your profile image isn't the only part of your cover photo that will certainly be partly hidden on your major Page. You'll likewise intend to avoid placing crucial content or key parts of your image under of your picture where the name of your Page and CTA buttons are.
We suggest attracting an imaginary line about midway up your account image, and also maintaining important web content (like text or hashtags) over that.
You can see exactly what I mean in HubSpot's cover picture below, where we've placed the message above the "HubSpot" name.
7) Do right-align the things in your cover picture.
Because your profile image gets on left, you want to add some equilibrium to your Facebook cover picture style by having the focus of the picture be on the right.
Take a look at these cover images. Which one looks more cosmetically pleasing?
Right-aligned emphasis:.
Doesn't the right-aligned cover photo look far better? The largest layout aspects (the profile image, the message, and the beer) are evenly spaced. In the Samsung cover picture, your attention goes instantly to the left side of the web page, totally missing out on the name of the product on the upper appropriate side.
Not only is including balance a critical component of layout, yet it additionally enables your cover pictures to be more aesthetically reliable on mobile. Which brings me to my following point ...
8) Do maintain mobile customers in mind.
In April 2016, Facebook reported that over half of its user base (54.2%) access the social media network specifically from mobile phones. That's substantial-- and also it's exactly why it's so vital to maintain mobile individuals top-of-mind when creating your Facebook cover image.
On mobile, a much bigger part of your cover picture is blocked out due to the fact that the profile image and the Page name are on top of the cover picture.
Allow's have a look at a real-life example. Below, have a look at exactly 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 picture are cut off on mobile. Whereas your cover image displays at 851 pixels large by 315 pixels high on desktop, it displays only the center 640 pixels large by 360 pixels tall on smartphones. Have a look at this Facebook aid paper for more information.
Notification, by the way, how the message in Adobe's cover image is removed on the right-hand side. While it looks finest to right-align your visual components, be careful not to put important material up until now to the right that it gets removed on mobile.
9) Do incorporate the cover photo style with other parts of your Facebook Page.
If you actually desire your Facebook marketing to stand apart, attempt integrating its style with other parts of your Web page. You might make your account image and also cover image one big canvas, or make use of some design components to draw attention to various performances of your Facebook Web page.
Below are some suggestions of just what these cover photo integrations might resemble.
Incorporate your account picture and also cover photo.
With a little creativity and some design tweaks, you can make your account image and also cover photo look like if they're two parts of one canvas. Have a look at one of Paris' cover images for a subtle however compelling way to do that.
Note: Considering that cover pictures show differently on mobile as well as on desktop, you'll have to pick one layout to make your cover photo as well as profile combination for. Given that cover photos are a lot more noticeable on desktop, I would certainly recommend prioritizing that design for your cover image as well as profile image combination design.
Draw attention to the buttons on right.
Adhering to the very best practices discussed above, WeddingWire positions all its crucial text to the right of their cover picture-- not only achieving an excellent layout visual, however additionally drawing attention to the primary calls-to-action on the Page: Like, Follow, and Message.
Note: While it could feel like a great idea to add directional cues like an arrowhead to obtain people to click on the CTA buttons, note that those CTA switches do not appear similarly on the mobile application. To puts it simply, it might be confusing to mobile individuals if you incorporate the cover image layout with the buttons.
10) Do consist of a reduced link in your cover image summary that lines up with your web page CTA.
If you wish to use your cover photo to sustain your web page CTA, see to it your cover image summary likewise consists of a text CTA as well as connect to the very same deal. This way, at any time people view your cover image straight, they can access the download link.
Below's this technique at work on HubSpot's Facebook Web page.
Make certain you shorten your links as well as add UTM codes so you could track click them. Shortening as well as tracking features are readily available in the HubSpot Marketing Platform and also in devices like bitly.
( If you wish to learn more about how you can write effective call-to-action duplicate for your cover photo summary, visit this site to download our cost-free e-book on developing compelling CTAs.).
