Cover Photo Dimensions Facebook: When people arrive at your Facebook Web page, where do you think they first look?
Cover Photo Dimensions Facebook
I'll give you some hints. It's an aesthetic item of web content that rests at the top of your page. Its measurements are 851 pixels large by 315 pixels high. It occupies practically a quarter of the display on the majority of desktop computer browsers.
That's right-- it's your Facebook cover photo.
Because it's one of one of the most recognizable parts of your web page, it's essential that you follow Facebook cover photo finest methods.
Whether you're making use of Facebook to create leads, shut your following sale, or create a consumer neighborhood, recognizing how to make and also optimize your cover photo is crucial. Keep reading to learn just what you should (and also shouldn't) perform in your cover picture.
Click on this link to download our complimentary guide to drawing in customers with Facebook.
( You'll additionally get cover photo templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover picture layout download!).
11 Finest Practices for Your Facebook Cover Photo.
1) Do comply with Facebook's cover picture standards.
It looks like a no-brainer, yet obeying Facebook guidelines is crucial to your Facebook Page existing to begin with. I 'd highly recommend checking out the full Page Standards, however here are a couple of vital points to remember for your cover photo:.
Your cover is public.
Covers cannot be deceptive, misleading, or infringe on anyone else's copyright.
You cannot motivate individuals to publish your cover to their individual timelines.
If you obtain caught going against the above terms, Facebook can take action against your Page. And while Facebook does not explicitly claim what will certainly occur if you violate their Web page guidelines, it's possibly not clever to obtain your Facebook Page taken down over a cover picture offense, so review the standards completely and also comply with them.
2) Do make certain 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 don't want to invest all this time designing a cover picture ... just to have it look odd when you upload it to Facebook.
See to it your cover photo will look incredible from the start by ensuring it's maximized for the appropriate dimensions: 851 pixels vast and also 315 pixels high for desktop, 640 pixels broad by 360 pixels high for mobile.
If you submit a photo smaller sized compared to those measurements, Facebook will certainly stretch it to fit the best size, as long as it goes to the very least 399 pixels large and 150 pixels high.
If you want a no-hassle way to make certain your cover images are the appropriate size, download our pre-sized theme for Facebook cover images below.
3) Don't worry about the old "20% message" policy, but still aim to remain aesthetic.
Back in 2013, Facebook got rid of any reference to the 20% regulation on text in cover pictures ... however that does not imply you ought to go wild with utilizing text in your cover photo. The previous guideline said that just 20% of your cover photo could be text. Personally, I believed that was way also limiting for online marketers, yet the belief behind the guideline was a good one.
If you're mosting likely to utilize text in your cover photo, keep that text concise. Your photo will certainly be far more helpful and also appealing.
4) Maintain the photo simple, with a clear centerpiece.
Think about your cover picture as the part of your Web page that's "over the layer." If it's distracting or low quality, people will be more likely to click off the web page.
Many of the very best Facebook cover images include a solitary subject as the centerpiece. They additionally make use of negative white (i.e., empty space) as a benefit to earn the topic, any type of duplicate on there, and also various other components special to Facebook (like the CTA switch on Facebook service Pages) stand out much more.
Here's an example from Makr:.
5) Don't hide web content behind your profile photo.
As a result of the method profile pictures are included on Facebook Pages, there's an area of your cover image that will not show up unless you click on it. Your Web page name and also the buttons on the bottom right also cover sections of your image.
Have a look at the example below from NikeWomen. The sections highlighted in red are the parts of the cover photo that aren't instantly readable to your Facebook Followers.
According to Facebook's Help page, on home computer, the account photo is located 16 pixels from the left side of the cover photo, and also 176 pixels from the top of the cover image.
That being said, you can also use this concealed area to your advantage-- maybe even hiding an Easter egg behind the profile image for a contest. Yet commonly, keeping that room clear is a good best technique.
6) Do not place important content on the bottom of your photo, either.
Your account picture isn't the only part of your cover image that will certainly be partly hidden on your primary Web page. You'll likewise intend to stay clear of placing essential content or vital parts of your image under of your photo where the name of your Web page as well as CTA switches are.
We recommend attracting an imaginary line regarding halfway up your account image, as well as keeping vital content (like text or hashtags) over that.
You could see exactly what I imply in HubSpot's cover image listed below, where we've placed the message over the "HubSpot" name.
7) Do right-align the objects in your cover picture.
Because your profile picture gets on left, you wish to include some balance to your Facebook cover picture design by having the emphasis of the picture get on the right.
Have a look at these cover pictures. Which one looks more aesthetically pleasing?
Right-aligned focus:.
Doesn't the right-aligned cover image look better? The greatest style components (the account image, the text, and also 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 product on the upper best side.
Not only is adding balance an essential component of layout, however it also enables your cover photos to be more aesthetically effective on mobile. Which brings me to my following factor ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over half of its individual base (54.2%) accessibility the social media solely from mobile phones. That's big-- and also it's specifically why it's so crucial to keep mobile individuals top-of-mind when developing your Facebook cover image.
On mobile, a much larger part of your cover photo is blocked out because the account image and the Page name get on top of the cover image.
Let's have a look at a real-life example. Below, have a look at what Adobe's Facebook Page appears like in a desktop computer internet browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notification that the sides of the photo are cut off on mobile. Whereas your cover picture displays at 851 pixels broad by 315 pixels high on desktop computer, it presents just the center 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook aid document for additional information.
Notice, incidentally, how the message in Adobe's cover picture is cut off on the right-hand side. While it looks best to right-align your aesthetic elements, take care not to place essential content thus far to the right that it obtains cut off on mobile.
9) Do integrate the cover image design with various other parts of your Facebook Page.
If you actually desire your Facebook marketing to stand out, try integrating its style with other parts of your Page. You could make your account photo and cover image one huge canvas, or make use of some style elements to draw attention to various performances of your Facebook Page.
Below are some suggestions of what these cover image combinations may appear like.
Integrate your profile picture and cover picture.
With a little imagination and some design modifies, you can make your profile image as well as cover image appear as if they're 2 parts of one canvas. Take a look at one of Paris' cover pictures for a subtle yet compelling method to do that.
Keep in mind: Because cover photos present in a different way on mobile and also on desktop computer, you'll have to choose one layout to create your cover picture and account mix for. Because cover photos are a lot more visible on desktop computer, I 'd suggest prioritizing that layout for your cover photo and also account image mix layout.
Draw attention to the switches on right.
Complying with the most effective methods stated over, WeddingWire positions all its crucial message to the right of their cover picture-- not just accomplishing a great design visual, but likewise drawing attention to the main calls-to-action on the Page: Like, Follow, and Message.
Note: While it might appear like a good idea to add directional signs like an arrowhead to get individuals to click the CTA switches, keep in mind that those CTA switches don't appear similarly on the mobile app. In other words, it could be confusing to mobile individuals if you integrate the cover picture design with the buttons.
10) Do include a reduced link in your cover image description that straightens with your web page CTA.
If you wish to utilize your cover picture to support your page CTA, see to it your cover image summary also consists of a text CTA and also connect to the same offer. This way, any time individuals view your cover image straight, they can access the download web link.
Right here's this practice at work on HubSpot's Facebook Web page.
Make certain you shorten your web links and also include UTM codes so you could track click them. Reducing and tracking attributes are offered in the HubSpot Marketing Platform as well as in devices like bitly.
( If you wish to learn more concerning how you can write reliable call-to-action copy for your cover image description, go here to download our free book on developing compelling CTAs.).
