What Are Dimensions For Facebook Cover Photo: When individuals get to your Facebook Page, where do you think they initially look?
What Are Dimensions For Facebook Cover Photo
I'll provide you some tips. It's a visual item of web content that sits at the top of your page. Its measurements are 851 pixels large by 315 pixels tall. It occupies virtually a quarter of the screen on most desktop browsers.
That's right-- it's your Facebook cover photo.
Given that it is among the most visible parts of your page, it's critical that you adhere to Facebook cover picture best methods.
Whether you're utilizing Facebook to produce leads, close your following sale, or develop a client area, knowing how you can make and maximize your cover image is essential. Keep reading to learn exactly what you ought to (and also shouldn't) perform in your cover image.
Go here to download our totally free guide to attracting clients with Facebook.
( You'll also get cover image themes for Twitter, LinkedIn, YouTube, and Google+ with your cover image template download!).
11 Ideal Practices for Your Facebook Cover Picture.
1) Do abide by Facebook's cover image standards.
It feels like a piece of cake, however complying with Facebook guidelines is crucial to your Facebook Page existing to begin with. I 'd extremely recommend checking out the complete Web page Standards, but right here are a couple of essential things to remember for your cover picture:.
Your cover is public.
Covers can not be misleading, misleading, or infringe on any person else's copyright.
You cannot urge individuals to publish your cover to their individual timelines.
If you obtain caught violating the above terms, Facebook might act against your Web page. As well as while Facebook doesn't clearly say just what will certainly occur if you breach their Page standards, it's probably not clever to obtain your Facebook Web page removed over a cover photo offense, so review the guidelines in full and adhere to them.
2) Do make sure your Facebook cover image size is right: 828 px wide by 315 px on desktop computer, 640 px large by 360 px high on mobile.
You do not wish to invest all this moment designing a cover photo ... only to have it look strange when you publish it to Facebook.
Ensure your cover image will certainly look magnificent from the beginning by ensuring it's optimized for the appropriate measurements: 851 pixels broad as well as 315 pixels high for desktop computer, 640 pixels large by 360 pixels high for mobile.
If you post an image smaller than those measurements, Facebook will certainly extend it to fit the right size, as long as it's at the very least 399 pixels wide as well as 150 pixels tall.
If you desire a no-hassle method making certain your cover photos are the right dimension, download our pre-sized template for Facebook cover pictures here.
3) Don't worry about the old "20% text" regulation, but still try to stay aesthetic.
Back in 2013, Facebook got rid of any recommendation to the 20% regulation on text in cover images ... but that does not mean you must go wild with making use of message in your cover photo. The previous guideline claimed that only 20% of your cover photo could be message. Personally, I thought that was way also limiting for online marketers, however the view behind the rule was a good one.
If you're mosting likely to make use of message in your cover photo, maintain that message concise. Your photo will certainly be a lot more useful and also engaging.
4) Maintain the picture simple, with a clear centerpiece.
Think about your cover photo as the part of your Page that's "over the fold." If it's distracting or poor quality, people will be most likely to click off the web page.
A lot of the most effective Facebook cover images include a solitary topic as the prime focus. They likewise utilize negative white (i.e., void) as an advantage to make the subject, any kind of copy on there, as well as other components unique to Facebook (like the CTA switch on Facebook service Pages) stick out much more.
Right here's an instance from Makr:.
5) Do not hide web content behind your profile photo.
As a result of the way account images are included on Facebook Pages, there's a section of your cover picture that will not appear unless you click it. Your Page name and also the buttons on the bottom right likewise cover parts of your picture.
Take a look at the example below from NikeWomen. The parts highlighted in red are the parts of the cover photo that typically aren't quickly readable to your Facebook Followers.
Inning accordance with Facebook's Aid web page, on home computer, the account photo is located 16 pixels from the left edge of the cover image, as well as 176 pixels from the top of the cover picture.
That being stated, you could also use this concealed area to your benefit-- perhaps even concealing an Easter egg behind the account picture for a contest. However generally, keeping that area clear is a great best practice.
6) Do not put vital web content under of your image, either.
Your profile picture isn't the only part of your cover image that will be partially concealed on your main Page. You'll likewise intend to prevent putting vital web content or key parts of your photo on the bottom of your picture where the name of your Web page as well as CTA switches are.
We advise attracting an imaginary line about halfway up your account image, as well as keeping important web content (like text or hashtags) above that.
You can 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 things in your cover image.
Because your profile picture is on left, you intend to include some balance to your Facebook cover photo design by having the emphasis of the photo be on the right.
Take a look at these cover photos. Which one looks more aesthetically pleasing?
Right-aligned emphasis:.
Doesn't the right-aligned cover image look better? The greatest design aspects (the account photo, the message, as well as the beer) are uniformly spaced. In the Samsung cover picture, your focus goes quickly to the left side of the web page, entirely missing out on the name of the item on the upper appropriate side.
Not just is including equilibrium an important element of layout, however it additionally permits your cover photos to be more aesthetically effective on mobile. Which brings me to my next factor ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over fifty percent of its customer base (54.2%) access the social media solely from mobile devices. That's significant-- as well as it's precisely why it's so essential to maintain mobile users top-of-mind when developing your Facebook cover image.
On mobile, a much larger section of your cover picture is shut out since the profile picture and also the Web page name are on top of the cover image.
Allow's have a look at a real-life example. Listed below, have a look at exactly what Adobe's Facebook Web page resembles in a desktop computer 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 image displays at 851 pixels large by 315 pixels tall on desktop, it displays just the facility 640 pixels large by 360 pixels tall on smart devices. Take a look at this Facebook aid file for more details.
Notice, incidentally, just how the message in Adobe's cover photo is removed on the right-hand side. While it looks ideal to right-align your visual elements, take care not to put essential web content so far to the right that it obtains cut off on mobile.
9) Do incorporate the cover picture layout with other parts of your Facebook Web page.
If you actually want your Facebook advertising to stick out, attempt integrating its style with other parts of your Page. You could make your profile picture as well as cover image one huge canvas, or make use of some layout components to accentuate different performances of your Facebook Page.
Below are some suggestions of just what these cover picture integrations may look like.
Integrate your profile photo as well as cover image.
With a little creativity as well as some design modifies, you could make your profile image and cover picture appear as if they're 2 parts of one canvas. Look into one of Paris' cover images for a refined but compelling way to do that.
Note: Since cover photos display in a different way on mobile and on desktop computer, you'll need to select one style to design your cover image as well as account mix for. Since cover photos are much more noticeable on desktop computer, I 'd recommend focusing on that format for your cover image and also account picture combination design.
Draw attention to the buttons on right.
Complying with the best practices mentioned above, WeddingWire puts all of its crucial text to the right of their cover image-- not only achieving a good design aesthetic, yet also drawing attention to the primary calls-to-action on the Page: Like, Adhere to, and also Message.
Note: While it may feel like a great idea to add directional hints like an arrowhead to get individuals to click on the CTA switches, note that those CTA switches don't appear similarly on the mobile app. Simply puts, it may be confusing to mobile customers if you integrate the cover image layout with the buttons.
10) Do include a shortened web link in your cover image summary that lines up with your page CTA.
If you intend to use your cover photo to sustain your page CTA, make certain your cover photo summary also includes a message CTA as well as link to the exact same deal. By doing this, whenever people watch your cover picture straight, they could access the download link.
Below's this technique at work on HubSpot's Facebook Web page.
Ensure you shorten your links as well as include UTM codes so you could track click them. Reducing and also tracking features are available in the HubSpot Advertising And Marketing Platform and also in tools like bitly.
( If you wish to learn more regarding the best ways to create efficient call-to-action duplicate for your cover image summary, go here to download our complimentary e-book on developing compelling CTAs.).
