Facebook Cover Photo Dimensions: When people arrive at your Facebook Web page, where do you think they initially look?
Facebook Cover Photo Dimensions
I'll provide you some tips. It's an aesthetic piece of content that rests on top of your web page. Its measurements are 851 pixels large by 315 pixels tall. It takes up nearly a quarter of the display on a lot of desktop web browsers.
That's right-- it's your Facebook cover picture.
Because it's one of one of the most recognizable parts of your page, it's crucial that you follow Facebook cover image best practices.
Whether you're using Facebook to produce leads, shut your following sale, or produce a customer neighborhood, recognizing ways to make and also optimize your cover photo is essential. Continue reading to learn exactly what you need to (as well as shouldn't) carry out in your cover picture.
Click on this link to download our cost-free guide to attracting clients with Facebook.
( You'll also get cover photo design templates for Twitter, LinkedIn, YouTube, and Google+ with your cover image theme download!).
11 Finest Practices for Your Facebook Cover Image.
1) Do abide by Facebook's cover picture standards.
It appears like a piece of cake, however obeying Facebook standards is essential to your Facebook Web page existing in the first place. I 'd very recommend reviewing the complete Page Standards, but right here are a few important points to remember for your cover photo:.
Your cover is public.
Covers can't be deceitful, deceptive, or infringe on any person else's copyright.
You cannot motivate individuals to upload your cover to their personal timelines.
If you get caught violating the above terms, Facebook could act against your Page. And while Facebook doesn't clearly say exactly what will certainly take place if you break their Web page standards, it's probably not clever to get your Facebook Web page taken down over a cover picture offense, so read the standards in full as well as adhere to them.
2) Do see to it your Facebook cover photo dimension is right: 828 px large by 315 px on desktop, 640 px broad by 360 px tall on mobile.
You do not intend to spend all this time around designing a cover picture ... only to have it look unusual when you post it to Facebook.
Make certain your cover picture will certainly look fabulous from the start by making certain it's maximized for the ideal dimensions: 851 pixels wide and also 315 pixels high for desktop, 640 pixels large by 360 pixels tall for mobile.
If you submit an image smaller sized than those measurements, Facebook will certainly stretch it to fit the right size, as long as it goes to the very least 399 pixels vast as well as 150 pixels high.
If you want a no-hassle way to make certain your cover photos are the ideal size, download our pre-sized layout for Facebook cover images right here.
3) Don't worry regarding the old "20% text" guideline, yet still aim to stay aesthetic.
Back in 2013, Facebook removed any kind of reference to the 20% rule on message in cover pictures ... but that does not mean you must go wild with making use of message in your cover photo. The previous guideline stated that only 20% of your cover image could be message. Directly, I assumed that was way too restrictive for online marketers, but the sentiment behind the regulation was a good one.
If you're mosting likely to utilize message in your cover picture, maintain that text concise. Your image will be a lot more helpful and also engaging.
4) Maintain the picture simple, with a clear centerpiece.
Think about your cover image as the section of your Web page that's "over the fold." If it's distracting or poor quality, people will certainly be more likely to click off the page.
Most of the most effective Facebook cover pictures consist of a solitary subject as the centerpiece. They also utilize adverse white (i.e., void) as a benefit to make the subject, any copy on there, and other elements one-of-a-kind to Facebook (like the CTA button on Facebook service Pages) attract attention even more.
Here's an instance from Makr:.
5) Don't conceal content behind your profile image.
Due to the method profile pictures are included on Facebook Pages, there's an area of your cover image that will not appear unless you click on it. Your Page name and the buttons under right additionally cover portions of your photo.
Check out the example listed below from NikeWomen. The portions highlighted in red are the parts of the cover picture that aren't quickly viewable to your Facebook Fans.
Inning accordance with Facebook's Assistance page, on computer, the account photo lies 16 pixels from the left edge of the cover picture, and 176 pixels from the top of the cover picture.
That being said, you could likewise use this concealed area to your advantage-- maybe even concealing an Easter egg behind the profile photo for a contest. However normally, maintaining that area clear is an excellent finest method.
6) Don't put vital content on the bottom of your photo, either.
Your profile image isn't really the only part of your cover picture that will certainly be partially concealed on your major Web page. You'll additionally want to stay clear of putting essential web content or essential parts of your image on the bottom of your photo where the name of your Web page and CTA buttons are.
We advise attracting an imaginary line about midway up your profile photo, as well as maintaining crucial material (like text or hashtags) above that.
You could see exactly what I indicate in HubSpot's cover photo below, where we've placed the message over the "HubSpot" name.
7) Do right-align the things in your cover picture.
Because your account image gets on left, you wish to add some equilibrium to your Facebook cover picture design by having the emphasis of the photo be on the right.
Have a look at these cover pictures. Which one looks more cosmetically pleasing?
Right-aligned focus:.
Doesn't the right-aligned cover photo look far better? The largest layout components (the account photo, the text, and the beer) are equally spaced. In the Samsung cover photo, your interest goes quickly to the left side of the web page, completely missing the name of the product on the top right side.
Not only is adding equilibrium a critical element of style, yet it additionally permits your cover photos to be extra 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 fifty percent of its user base (54.2%) access the social media solely from mobile phones. That's massive-- and it's exactly why it's so vital to keep mobile individuals top-of-mind when designing your Facebook cover picture.
On mobile, a much bigger part of your cover image is blocked out since the profile photo and also the Web page name get on top of the cover picture.
Allow's take a look at a real-life instance. Below, have a look at just what Adobe's Facebook Page resembles in a desktop web browser versus on Facebook's mobile application.
Desktop:.
Mobile:.
Notification that the sides of the picture are removed on mobile. Whereas your cover photo displays at 851 pixels vast by 315 pixels high on desktop, it displays just the facility 640 pixels broad by 360 pixels tall on smartphones. Take a look at this Facebook aid document for more details.
Notice, by the way, just how the message in Adobe's cover image is removed on the right-hand side. While it looks ideal to right-align your aesthetic elements, take care not to put vital material thus far to the right that it gets removed on mobile.
9) Do integrate the cover image layout with other parts of your Facebook Web page.
If you really desire your Facebook marketing to stand out, attempt integrating its layout with various other parts of your Web page. You could make your profile photo and also cover image one large canvas, or make use of some style elements to draw attention to different capabilities of your Facebook Web page.
Below are some concepts of what these cover picture integrations might look like.
Incorporate your profile photo and also cover image.
With a little creativity and also some style tweaks, you can make your account picture as well as cover photo appear as if they're 2 parts of one canvas. Look into among Paris' cover images for a subtle however engaging way to do that.
Note: Given that cover pictures display in different ways on mobile as well as on desktop, you'll have to pick one layout to create your cover image and also account mix for. Given that cover photos are far more recognizable on desktop computer, I would certainly suggest prioritizing that format for your cover image and also account image mix design.
Accentuate the switches on right.
Complying with the best practices pointed out over, WeddingWire places every one of its important text to the right of their cover photo-- not just achieving a great style visual, but additionally accentuating the primary calls-to-action on the Page: Like, Comply with, and Message.
Note: While it might seem like a good idea to include directional signs like an arrowhead to obtain people to click the CTA buttons, note that those CTA switches don't show up similarly on the mobile app. In other words, it might be puzzling to mobile individuals if you incorporate the cover picture style with the buttons.
10) Do include a shortened link in your cover picture description that straightens with your web page CTA.
If you want to utilize your cover image to support your page CTA, see to it your cover photo description additionally includes a text CTA as well as link to the same deal. This way, any time people watch your cover photo straight, they can access the download web link.
Below's this practice in action on HubSpot's Facebook Web page.
Ensure you reduce your links and include UTM codes so you can track click them. Reducing and tracking functions are readily available in the HubSpot Advertising And Marketing Platform and in devices like bitly.
( If you intend to find out more concerning ways to write efficient call-to-action duplicate for your cover image summary, click here to download our totally free e-book on creating compelling CTAs.).
