Facebook New Cover Photo Dimensions: When individuals arrive at your Facebook Web page, where do you assume they first look?
Facebook New Cover Photo Dimensions
I'll offer you some tips. It's a visual item of web content that rests on top of your page. Its measurements are 851 pixels wide by 315 pixels tall. It occupies virtually a quarter of the screen on the majority of desktop browsers.
That's right-- it's your Facebook cover photo.
Since it is just one of the most visible parts of your page, it's important that you comply with Facebook cover image best methods.
Whether you're using Facebook to produce leads, shut your following sale, or create a customer community, understanding the best ways to make and optimize your cover picture is very important. Continue reading to learn just what you ought to (as well as should not) do in your cover image.
Visit this site to download our totally free overview of bring in consumers with Facebook.
( You'll also obtain cover photo layouts for Twitter, LinkedIn, YouTube, and also Google+ with your cover photo theme download!).
11 Best Practices for Your Facebook Cover Photo.
1) Do follow Facebook's cover image guidelines.
It seems like a piece of cake, however obeying Facebook standards is essential to your Facebook Page existing to begin with. I 'd very suggest going through the full Web page Standards, but below are a few crucial points to remember for your cover picture:.
Your cover is public.
Covers cannot be deceptive, deceptive, or infringe on any person else's copyright.
You can not motivate people to upload your cover to their personal timelines.
If you obtain caught going against the above terms, Facebook could take action versus your Web page. As well as while Facebook does not clearly state exactly what will happen if you violate their Web page guidelines, it's most likely not clever to obtain your Facebook Web page removed over a cover image infraction, so review the guidelines in full and also follow them.
2) Do make certain your Facebook cover photo size is right: 828 px large by 315 px on desktop computer, 640 px vast by 360 px high on mobile.
You do not intend to invest all this time around making a cover image ... only to have it look unusual when you submit it to Facebook.
Ensure your cover image will certainly look wonderful from the get-go by seeing to it it's optimized for the right measurements: 851 pixels vast and also 315 pixels tall for desktop, 640 pixels large by 360 pixels high for mobile.
If you publish an image smaller compared to those measurements, Facebook will stretch it to fit the best size, as long as it's at the very least 399 pixels broad and also 150 pixels tall.
If you desire a no-hassle means to earn sure your cover photos are the best size, download our pre-sized layout for Facebook cover pictures below.
3) Don't worry about the old "20% text" policy, however still aim to remain visual.
Back in 2013, Facebook removed any type of recommendation to the 20% guideline on text in cover images ... however that does not indicate you should go wild with making use of message in your cover photo. The previous policy said that just 20% of your cover image could be text. Personally, I believed that was way as well restrictive for online marketers, however the belief behind the guideline was a good one.
If you're mosting likely to utilize message in your cover picture, keep that message concise. Your photo will be far more interesting and also engaging.
4) Maintain the photo simple, with a clear centerpiece.
Think about your cover photo as the section of your Page that's "over the fold." If it's sidetracking or poor quality, individuals will certainly be most likely to click off the web page.
Most of the best Facebook cover pictures consist of a solitary topic as the focal point. They also use negative white (i.e., empty space) as an advantage making the topic, any copy on there, as well as other aspects distinct to Facebook (like the CTA button on Facebook organisation Pages) attract attention much more.
Here's an example from Makr:.
5) Don't hide web content behind your account photo.
Because of the means profile photos are showcased on Facebook Pages, there's a section of your cover photo that won't appear unless you click it. Your Web page name and the buttons under right likewise cover parts of your picture.
Have a look at the instance below from NikeWomen. The sections highlighted in red are the parts of the cover picture that typically aren't instantly readable to your Facebook Fans.
According to Facebook's Assistance web page, on home computer, the profile photo lies 16 pixels from the left edge of the cover photo, as well as 176 pixels from the top of the cover image.
That being said, you could also utilize this covert area to your advantage-- perhaps even concealing an Easter egg behind the profile picture for a contest. Yet usually, keeping that room clear is a great finest practice.
6) Don't put essential web content on the bottom of your picture, either.
Your account picture isn't the only part of your cover photo that will be partially hidden on your main Page. You'll also intend to avoid placing important web content or key parts of your picture under of your image where the name of your Page as well as CTA buttons are.
We recommend attracting an imaginary line concerning midway up your account image, as well as keeping essential web content (like message or hashtags) over that.
You could see what I imply in HubSpot's cover image below, where we've placed the text above the "HubSpot" name.
7) Do right-align the things in your cover image.
Because your account picture gets on left, you intend to include some balance to your Facebook cover picture layout by having the emphasis of the picture get on the right.
Take a look at these cover photos. Which one looks more cosmetically pleasing?
Right-aligned emphasis:.
Doesn't the right-aligned cover image look much better? The most significant style aspects (the account image, the text, and the beer) are evenly spaced. In the Samsung cover image, your focus goes promptly to the left side of the web page, completely missing the name of the product on the top best side.
Not only is adding equilibrium a critical component of style, but it likewise allows for your cover images to be much more visually reliable on mobile. Which brings me to my following factor ...
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 exclusively from mobile devices. That's significant-- and also it's precisely why it's so essential to maintain mobile individuals top-of-mind when developing your Facebook cover picture.
On mobile, a much bigger part of your cover image is blocked out since the account image and the Page name are on top of the cover photo.
Let's take a look at a real-life instance. Listed below, have a look at exactly what Adobe's Facebook Web page looks like in a desktop internet browser versus on Facebook's mobile app.
Desktop:.
Mobile:.
Notice that the sides of the picture are removed on mobile. Whereas your cover photo presents at 851 pixels large by 315 pixels high on desktop computer, it shows just the center 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook assistance file for more details.
Notice, by the way, exactly how the message in Adobe's cover picture is cut off on the right-hand side. While it looks ideal to right-align your aesthetic aspects, beware not to put crucial web content up until now to the right that it gets cut off on mobile.
9) Do incorporate the cover image style with various other parts of your Facebook Page.
If you truly want your Facebook advertising and marketing to attract attention, try integrating its style with other parts of your Web page. You can make your profile picture and also cover picture one big canvas, or make use of some layout components to accentuate different functionalities of your Facebook Web page.
Below are some suggestions of just what these cover photo integrations may appear like.
Combine your profile photo and cover image.
With a little creativity and some layout tweaks, you can make your profile image and cover picture look like if they're 2 parts of one canvas. Take a look at one of Paris' cover pictures for a refined yet compelling means to do that.
Note: Considering that cover photos present in different ways on mobile as well as on desktop computer, you'll have to pick one layout to create your cover photo and also account mix for. Because cover pictures are far more obvious on desktop, I would certainly suggest prioritizing that design for your cover photo as well as profile photo mix style.
Accentuate the buttons on right.
Adhering to the very best practices stated over, WeddingWire puts all of its important text to the right of their cover picture-- not just attaining a good layout aesthetic, yet likewise accentuating the main calls-to-action on the Page: Like, Adhere to, and also Message.
Keep in mind: While it could seem like a smart idea to include directional cues like an arrowhead to obtain individuals to click on the CTA buttons, keep in mind that those CTA switches don't show up the same way on the mobile application. In other words, it could be perplexing to mobile individuals if you integrate the cover image layout with the buttons.
10) Do consist of a shortened web link in your cover picture summary that aligns with your web page CTA.
If you intend to utilize your cover photo to support your web page CTA, make certain your cover picture description likewise includes a message CTA and also connect to the exact same deal. This way, any time individuals view your cover image directly, they could access the download link.
Right here's this technique at work on HubSpot's Facebook Web page.
Ensure you shorten your links and also add UTM codes so you can track click them. Reducing and tracking functions are readily available in the HubSpot Advertising System as well as in tools like bitly.
( If you want to learn more about how to compose effective call-to-action duplicate for your cover photo summary, click on this link to download our cost-free book on developing compelling CTAs.).
