Facebook Cover Image Dimensions: When people come to your Facebook Page, where do you assume they first look?
Facebook Cover Image Dimensions
I'll give you some tips. It's a visual piece of material that rests at the top of your page. Its measurements are 851 pixels large by 315 pixels tall. It uses up nearly a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover photo.
Considering that it is just one of the most noticeable parts of your web page, it's crucial that you follow Facebook cover picture finest techniques.
Whether you're utilizing Facebook to produce leads, shut your following sale, or develop a consumer neighborhood, understanding ways to make and enhance your cover photo is essential. Continue reading to discover what you should (and also shouldn't) perform in your cover image.
Click here to download our cost-free guide to attracting clients with Facebook.
( You'll also get cover image themes for Twitter, LinkedIn, YouTube, and Google+ with your cover image layout download!).
11 Finest Practices for Your Facebook Cover Image.
1) Do follow Facebook's cover picture standards.
It looks like a no-brainer, but following Facebook guidelines is crucial to your Facebook Web page existing to begin with. I 'd very suggest going through the full Web page Standards, but below are a couple of vital points to bear in mind for your cover picture:.
Your cover is public.
Covers can't be deceitful, deceptive, or infringe on any person else's copyright.
You cannot encourage individuals to post your cover to their personal timelines.
If you get captured breaching the above terms, Facebook might act against your Web page. And while Facebook doesn't clearly say what will certainly happen if you breach their Page guidelines, it's most likely not smart to obtain your Facebook Page removed over a cover image offense, so read the guidelines completely as well as stick to them.
2) Do see to it your Facebook cover picture dimension is right: 828 px wide by 315 px on desktop, 640 px wide by 360 px tall on mobile.
You do not intend to spend all this time around making a cover image ... just to have it look unusual when you post it to Facebook.
See to it your cover photo will look magnificent from the start by making sure it's enhanced for the right measurements: 851 pixels broad and also 315 pixels tall for desktop computer, 640 pixels wide by 360 pixels tall for mobile.
If you upload a photo smaller compared to those dimensions, Facebook will certainly stretch it to fit the ideal size, as long as it's at the very least 399 pixels large and 150 pixels high.
If you want a no-hassle method making certain your cover photos are the best dimension, download our pre-sized theme for Facebook cover photos right here.
3) Don't worry about the old "20% text" guideline, yet still try to stay aesthetic.
Back in 2013, Facebook got rid of any type of reference 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 policy stated that just 20% of your cover image could be message. Personally, I thought that was way also restrictive for marketing professionals, but the sentiment behind the rule was a good one.
If you're going to use text in your cover picture, maintain that message concise. Your image will certainly be far more insightful and also appealing.
4) Maintain the image simple, with a clear prime focus.
Think of your cover image as the part of your Web page that's "over the fold." If it's distracting or poor quality, people will be more probable to click off the page.
A number of the very best Facebook cover photos include a single topic as the focal point. They additionally make use of adverse white (i.e., empty space) as a benefit to earn the subject, any type of copy on there, and also other aspects special to Facebook (like the CTA switch on Facebook service Pages) stand out a lot more.
Here's an example from Makr:.
5) Do not conceal material behind your profile picture.
Because of the method account pictures are featured on Facebook Pages, there's an area of your cover picture that won't show up unless you click on it. Your Page name and also the switches on the bottom right also cover sections of your photo.
Check out the instance below from NikeWomen. The sections highlighted in red are the parts of the cover image that aren't instantly readable to your Facebook Fans.
According to Facebook's Help web page, on desktop computers, the profile image lies 16 pixels from the left edge of the cover photo, and also 176 pixels from the top of the cover image.
That being claimed, you could additionally utilize this hidden space to your benefit-- perhaps even concealing an Easter egg behind the account image for a contest. However generally, keeping that room clear is an excellent finest practice.
6) Do not place crucial content under of your photo, either.
Your account photo isn't the only part of your cover picture that will be partly hidden on your main Page. You'll likewise wish to stay clear of putting essential content or vital parts of your picture under of your photo where the name of your Page and CTA switches are.
We advise drawing an imaginary line concerning halfway up your profile image, and also maintaining essential material (like message or hashtags) over that.
You could see exactly what I suggest in HubSpot's cover picture listed below, where we've placed the message over the "HubSpot" name.
7) Do right-align the objects in your cover image.
Considering that your account image is on left, you wish to add some balance to your Facebook cover picture style by having the focus of the photo get on the right.
Take a look at these cover photos. Which one looks even more aesthetically pleasing?
Right-aligned focus:.
Does not the right-aligned cover picture look better? The most significant design components (the profile picture, the message, and also the beer) are uniformly spaced. In the Samsung cover image, your focus goes instantly to the left side of the web page, totally missing the name of the item on the top right side.
Not just is adding balance an essential aspect of layout, yet it likewise permits your cover pictures to be more aesthetically efficient on mobile. Which brings me to my next point ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over fifty percent of its user base (54.2%) access the social network specifically from mobile devices. That's significant-- and it's exactly why it's so essential to keep mobile customers top-of-mind when creating your Facebook cover photo.
On mobile, a much larger portion of your cover picture is shut out since the account photo and also the Page name get on top of the cover image.
Let's have a look at a real-life instance. Below, take a look at exactly what Adobe's Facebook Web page appears like in a desktop computer internet browser versus on Facebook's mobile application.
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 high on desktop computer, it shows just the center 640 pixels broad by 360 pixels high on smart devices. Take a look at this Facebook aid paper to find out more.
Notice, incidentally, how the text in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your visual elements, beware not to place essential material up until now to the right that it gets cut off on mobile.
9) Do integrate the cover picture style with other parts of your Facebook Web page.
If you actually desire your Facebook advertising and marketing to attract attention, attempt incorporating its layout with various other parts of your Web page. You could make your account image and also cover image one huge canvas, or utilize some design elements to accentuate different functionalities of your Facebook Web page.
Below are some suggestions of what these cover picture integrations might appear like.
Integrate your account picture and also cover picture.
With a little creativity and some style tweaks, you can make your profile image and cover photo appear as if they're 2 parts of one canvas. Check out among Paris' cover photos for a subtle but compelling means to do that.
Keep in mind: Considering that cover images display in different ways on mobile as well as on desktop, you'll need to choose one format to design your cover picture and also profile mix for. Since cover pictures are much more recognizable on desktop computer, I would certainly recommend focusing on that format for your cover picture as well as profile image combination design.
Accentuate the buttons on right.
Complying with the very best practices mentioned above, WeddingWire puts every one of its vital message to the right of their cover image-- not just attaining a good style visual, yet also accentuating the major calls-to-action on the Page: Like, Comply with, as well as Message.
Note: While it could seem like a great idea to add directional signs like an arrowhead to obtain individuals to click on the CTA switches, keep in mind that those CTA switches don't appear the same way on the mobile application. To puts it simply, it may be confusing to mobile users if you integrate the cover photo layout with the switches.
10) Do consist of a reduced link in your cover picture summary that lines up with your page CTA.
If you want to utilize your cover picture to sustain your page CTA, see to it your cover image description likewise consists of a message CTA and connect to the same deal. By doing this, any time individuals see your cover photo directly, they could access the download web link.
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 can track clicks on them. Shortening and tracking features are available in the HubSpot Advertising And Marketing System and also in devices like bitly.
( If you intend to discover more about how to create efficient call-to-action copy for your cover picture summary, visit this site to download our free e-book on creating compelling CTAs.).
