Dimensions For Facebook Cover Photo: When individuals arrive at your Facebook Web page, where do you believe they first look?
Dimensions For Facebook Cover Photo
I'll give you some tips. It's a visual piece of content that sits at the top of your web page. Its dimensions are 851 pixels wide by 315 pixels high. It occupies nearly a quarter of the screen on a lot of desktop browsers.
That's right-- it's your Facebook cover image.
Since it is among the most visible parts of your page, it's vital that you adhere to Facebook cover picture best practices.
Whether you're using Facebook to create leads, shut your next sale, or create a customer area, understanding the best ways to make and enhance your cover picture is essential. Read on to discover exactly what you should (and also should not) perform in your cover image.
Go here to download our free overview of bring in consumers with Facebook.
( You'll additionally obtain cover photo templates for Twitter, LinkedIn, YouTube, and also Google+ with your cover picture theme download!).
11 Best Practices for Your Facebook Cover Image.
1) Do comply with Facebook's cover image guidelines.
It seems like a piece of cake, but obeying Facebook standards is important to your Facebook Web page existing in the first place. I 'd extremely recommend reading through the complete Web page Guidelines, yet below are a couple of important things to bear in mind for your cover photo:.
Your cover is public.
Covers can't be misleading, deceptive, or infringe on anyone else's copyright.
You can't motivate people to post your cover to their individual timelines.
If you get caught breaking the above terms, Facebook might act versus your Page. And while Facebook doesn't explicitly say just what will take place if you violate their Web page standards, it's probably not wise to obtain your Facebook Page removed over a cover image infraction, so review the standards completely and abide by them.
2) Do make sure 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 do not want to invest all this time making a cover photo ... just to have it look unusual when you post it to Facebook.
See to it your cover image will look fantastic from the beginning by making sure it's optimized for the best dimensions: 851 pixels large and 315 pixels tall for desktop, 640 pixels large by 360 pixels high for mobile.
If you submit an image smaller than those measurements, Facebook will certainly stretch it to fit the ideal size, as long as it goes to least 399 pixels wide and also 150 pixels high.
If you want a no-hassle way making certain your cover pictures are the appropriate size, download our pre-sized design template for Facebook cover pictures here.
3) Don't worry about the old "20% text" guideline, but still attempt to remain visual.
Back in 2013, Facebook eliminated any kind of reference to the 20% policy on message in cover images ... however that doesn't indicate you ought to go wild with utilizing text in your cover image. The previous regulation said that only 20% of your cover image could be text. Personally, I believed that was way too limiting for online marketers, however the sentiment behind the regulation was a good one.
If you're going to use message in your cover picture, maintain that text concise. Your image will be a lot more useful as well as engaging.
4) Keep the image simple, with a clear prime focus.
Consider your cover photo as the section of your Web page that's "above the layer." If it's sidetracking or low quality, individuals will certainly be more probable to click off the page.
Much of the very best Facebook cover photos include a single subject as the prime focus. They also utilize unfavorable white (i.e., void) as an advantage making the topic, any copy on there, and also various other aspects distinct to Facebook (like the CTA button on Facebook company Pages) attract attention a lot more.
Here's an example from Makr:.
5) Do not hide content behind your profile picture.
As a result of the method account pictures are included on Facebook Pages, there's a section of your cover photo that won't show up unless you click it. Your Web page name and also the buttons under right likewise cover sections of your image.
Take a look at the instance below from NikeWomen. The portions highlighted in red are the parts of the cover photo that typically aren't quickly viewable to your Facebook Fans.
Inning accordance with Facebook's Aid web page, on desktop computers, the account picture is located 16 pixels from the left side of the cover photo, as well as 176 pixels from the top of the cover picture.
That being claimed, you can also use this hidden room to your advantage-- maybe even concealing an Easter egg behind the account image for a competition. Yet normally, maintaining that area clear is a great finest technique.
6) Do not put important material under of your picture, either.
Your profile photo isn't really the only part of your cover image that will be partially concealed on your main Page. You'll also intend to avoid placing important web content or essential parts of your image under of your picture where the name of your Web page as well as CTA buttons are.
We advise attracting an imaginary line about midway up your profile image, and also maintaining essential content (like message or hashtags) over that.
You could see what I suggest in HubSpot's cover photo below, where we've placed the text over the "HubSpot" name.
7) Do right-align the things in your cover photo.
Considering that your account image gets on left, you wish to include some equilibrium to your Facebook cover photo style by having the emphasis of the image get on the right.
Have a look at these cover pictures. Which one looks even more visually pleasing?
Right-aligned emphasis:.
Doesn't the right-aligned cover photo look far better? The biggest design components (the account image, the text, and also the beer) are equally spaced. In the Samsung cover picture, your interest goes instantly to the left side of the web page, completely missing out on the name of the item on the upper ideal side.
Not just is adding equilibrium an essential aspect of design, yet it also allows for your cover images to be a lot more aesthetically reliable on mobile. Which brings me to my next point ...
8) Do maintain mobile individuals in mind.
In April 2016, Facebook reported that over half of its individual base (54.2%) gain access to the social media network solely from smart phones. That's big-- as well as it's precisely why it's so vital to maintain mobile users top-of-mind when developing your Facebook cover photo.
On mobile, a much larger part of your cover picture is shut out since the profile photo and the Page name get on top of the cover photo.
Let's have a look at a real-life instance. Listed below, take a look at what Adobe's Facebook Page appears like in a desktop internet browser versus on Facebook's mobile app.
Desktop:.
Mobile:.
Notification that the sides of the picture are removed on mobile. Whereas your cover picture presents at 851 pixels broad by 315 pixels tall on desktop, it presents just the facility 640 pixels broad by 360 pixels high on mobile phones. Have a look at this Facebook assistance file to learn more.
Notification, by the way, just how the message in Adobe's cover picture is removed on the right-hand side. While it looks finest to right-align your aesthetic elements, be careful not to put vital content until now to the right that it obtains cut off on mobile.
9) Do incorporate the cover image style with other parts of your Facebook Web page.
If you really want your Facebook marketing to attract attention, try incorporating its layout with various other parts of your Web page. You could make your profile photo as well as cover picture one large canvas, or use some design aspects to draw attention to various functionalities of your Facebook Page.
Below are some ideas of exactly what these cover image assimilations might look like.
Combine your profile picture and cover photo.
With a little creative thinking and some layout modifies, you could make your profile picture and cover picture look like if they're 2 parts of one canvas. Have a look at one of Paris' cover pictures for a subtle however engaging method to do that.
Keep in mind: Because cover images display in different ways on mobile as well as on desktop, you'll have to select one style to develop your cover photo as well as account mix for. Since cover pictures are far more noticeable on desktop computer, I would certainly suggest focusing on that format for your cover picture and account image mix style.
Accentuate the buttons on right.
Following the very best practices discussed over, WeddingWire places every one of its vital message to the right of their cover picture-- not just attaining an excellent layout aesthetic, yet additionally accentuating the primary calls-to-action on the Web page: Like, Adhere to, and Message.
Keep in mind: While it might appear like a good idea to add directional cues like an arrow to get individuals to click on the CTA buttons, note that those CTA buttons don't appear similarly on the mobile app. Simply puts, it could be puzzling to mobile customers if you incorporate the cover photo style with the buttons.
10) Do consist of a reduced link in your cover picture summary that lines up with your web page CTA.
If you intend to utilize your cover photo to support your page CTA, see to it your cover picture description also includes a message CTA as well as link to the same deal. By doing this, at any time people watch your cover image straight, they could access the download web link.
Here's this practice at work on HubSpot's Facebook Page.
Make certain you reduce your links and also include UTM codes so you can track click them. Reducing and tracking features are readily available in the HubSpot Advertising And Marketing Platform and also in tools like bitly.
( If you want to discover more about ways to compose reliable call-to-action duplicate for your cover photo summary, click on this link to download our cost-free e-book on producing compelling CTAs.).
