New Facebook Cover Photo Dimensions: When individuals arrive at your Facebook Page, where do you think they initially look?
New Facebook Cover Photo Dimensions
I'll offer you some hints. It's a visual item of web content that rests at the top of your web page. Its measurements are 851 pixels vast by 315 pixels tall. It uses up nearly a quarter of the display on most desktop computer browsers.
That's right-- it's your Facebook cover picture.
Since it's one of the most obvious parts of your web page, it's important that you follow Facebook cover picture finest practices.
Whether you're using Facebook to produce leads, shut your following sale, or create a client community, knowing the best ways to make and enhance your cover photo is extremely important. Read on to learn exactly what you ought to (as well as shouldn't) perform in your cover photo.
Click here to download our complimentary guide to drawing in clients with Facebook.
( You'll also obtain cover photo design templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover image theme download!).
11 Ideal Practices for Your Facebook Cover Photo.
1) Do abide by Facebook's cover image guidelines.
It appears like a piece of cake, but obeying Facebook guidelines is critical to your Facebook Page existing in the first place. I 'd highly suggest checking out the complete Page Guidelines, but here are a few essential things to bear in mind for your cover picture:.
Your cover is public.
Covers can not be misleading, deceptive, or infringe on anyone else's copyright.
You cannot urge people to publish your cover to their personal timelines.
If you get caught breaking the above terms, Facebook can act against your Page. As well as while Facebook doesn't explicitly state just what will certainly occur if you breach their Page guidelines, it's most likely not wise to obtain your Facebook Web page taken down over a cover picture violation, so review the standards completely and also comply with them.
2) Do make sure your Facebook cover image size is right: 828 px wide by 315 px on desktop, 640 px vast by 360 px high on mobile.
You do not intend to spend all this time designing a cover photo ... only to have it look weird when you post it to Facebook.
See to it your cover photo will certainly look magnificent from the beginning by making sure it's optimized for the right measurements: 851 pixels vast as well as 315 pixels high for desktop computer, 640 pixels wide by 360 pixels tall for mobile.
If you upload a photo smaller compared to those measurements, Facebook will stretch it to fit the appropriate size, as long as it goes to the very least 399 pixels vast and also 150 pixels high.
If you want a no-hassle means making sure your cover images are the best size, download our pre-sized layout for Facebook cover photos right here.
3) Don't worry about the old "20% text" rule, but still aim to stay aesthetic.
Back in 2013, Facebook removed any reference to the 20% rule on message in cover photos ... but that doesn't mean you should go wild with utilizing text in your cover image. The previous rule claimed that only 20% of your cover photo could be message. Directly, I assumed that was way too restrictive for online marketers, however the sentiment behind the policy was a good one.
If you're mosting likely to make use of message in your cover photo, maintain that message concise. Your picture will be much more insightful and also appealing.
4) Maintain the photo simple, with a clear centerpiece.
Consider your cover photo as the part of your Web page that's "above the fold." If it's sidetracking or poor quality, individuals will be more probable to click off the page.
A lot of the very best Facebook cover images consist of a solitary topic as the focal point. They additionally make use of adverse white (i.e., empty space) as a benefit to make the subject, any type of duplicate on there, and other components one-of-a-kind to Facebook (like the CTA switch on Facebook service Pages) stand apart a lot more.
Right here's an instance from Makr:.
5) Don't hide material behind your profile photo.
As a result of the means profile pictures are showcased on Facebook Pages, there's a section of your cover image that won't show up unless you click on it. Your Web page name as well as the buttons under right likewise cover portions of your photo.
Check out the instance below from NikeWomen. The portions highlighted in red are the parts of the cover image that typically aren't immediately readable to your Facebook Followers.
According to Facebook's Help page, on desktop, the account photo 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 also utilize this hidden area to your benefit-- maybe even concealing an Easter egg behind the account image for a contest. Yet commonly, keeping that room clear is an excellent ideal method.
6) Do not put essential web content under of your image, either.
Your profile picture isn't the only part of your cover image that will be partially hidden on your primary Page. You'll additionally intend to prevent putting important material or crucial parts of your picture under of your image where the name of your Web page and also CTA switches are.
We recommend attracting an imaginary line regarding midway up your profile photo, and also maintaining crucial material (like message or hashtags) above that.
You could see what I suggest in HubSpot's cover picture listed below, where we've placed the message above the "HubSpot" name.
7) Do right-align the things in your cover picture.
Since your profile image gets on left, you want to add some equilibrium to your Facebook cover picture style by having the emphasis of the photo be on the right.
Take a look at these cover pictures. Which one looks even more aesthetically pleasing?
Right-aligned focus:.
Does not the right-aligned cover image look better? The largest design aspects (the account photo, the message, as well as the beer) are equally spaced. In the Samsung cover picture, your focus goes instantly to the left side of the web page, entirely missing out on the name of the item on the upper ideal side.
Not just is adding balance a vital element of layout, yet it also permits your cover pictures to be much more aesthetically effective on mobile. Which brings me to my following factor ...
8) Do maintain mobile customers in mind.
In April 2016, Facebook reported that over fifty percent of its individual base (54.2%) access the social media network specifically from mobile devices. That's big-- and also it's precisely why it's so vital to keep mobile customers top-of-mind when making your Facebook cover photo.
On mobile, a much bigger part of your cover picture is shut out since the account image and also the Web page name are on top of the cover image.
Let's take a look at a real-life instance. Listed 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 computer:.
Mobile:.
Notification that the sides of the image are removed on mobile. Whereas your cover photo presents at 851 pixels broad by 315 pixels tall on desktop, it displays only the facility 640 pixels large by 360 pixels tall on smart devices. Have a look at this Facebook aid record to learn more.
Notification, by the way, exactly how the text in Adobe's cover image is removed on the right-hand side. While it looks best to right-align your aesthetic components, take care not to put vital web content up until now to the right that it obtains removed on mobile.
9) Do incorporate the cover image design with various other parts of your Facebook Page.
If you actually want your Facebook marketing to stick out, try integrating its design with other parts of your Page. You can make your profile image and also cover picture one big canvas, or utilize some layout elements to accentuate different performances of your Facebook Page.
Below are some ideas of exactly what these cover photo assimilations might appear like.
Integrate your account picture as well as cover photo.
With a little creativity and also some style modifies, you could make your profile picture as well as cover image appear as if they're two parts of one canvas. Have a look at among Paris' cover photos for a subtle but engaging way to do that.
Note: Because cover images show in a different way on mobile and on desktop, you'll have to pick one format to create your cover picture and account combination for. Given that cover images are far more obvious on desktop computer, I would certainly recommend prioritizing that design for your cover image and also profile image mix layout.
Draw attention to the buttons on right.
Complying with the very best methods discussed above, WeddingWire puts all its important message to the right of their cover picture-- not only attaining an excellent layout aesthetic, however likewise drawing attention to the major calls-to-action on the Page: Like, Adhere to, as well as Message.
Keep in mind: While it could look like a great idea to add directional hints like an arrowhead to obtain people to click on the CTA buttons, note that those CTA buttons don't show up similarly on the mobile app. To puts it simply, it could be confusing to mobile individuals if you integrate the cover image design with the switches.
10) Do consist of a reduced link in your cover image description that aligns with your page CTA.
If you want to utilize your cover image to support your page CTA, ensure your cover photo summary also consists of a text CTA as well as link to the very same offer. By doing this, any time people see your cover picture directly, they could access the download web link.
Below's this practice at work on HubSpot's Facebook Web page.
Make certain you reduce your web links and include UTM codes so you can track click them. Shortening as well as tracking attributes are readily available in the HubSpot Marketing System and in tools like bitly.
( If you wish to discover more about how you can write efficient call-to-action duplicate for your cover photo summary, visit this site to download our cost-free digital book on developing compelling CTAs.).
