Cover Photo Facebook Dimensions: When individuals come to your Facebook Web page, where do you think they first look?
Cover Photo Facebook Dimensions
I'll give you some tips. It's an aesthetic item of content that rests on top of your web page. Its dimensions are 851 pixels wide by 315 pixels tall. It occupies virtually a quarter of the screen on most desktop computer browsers.
That's right-- it's your Facebook cover picture.
Since it is among one of the most noticeable parts of your web page, it's vital that you adhere to Facebook cover image best methods.
Whether you're using Facebook to produce leads, shut your next sale, or produce a client community, knowing ways to make and also maximize your cover photo is crucial. Read on to discover just what you need to (and also should not) do in your cover picture.
Go here to download our cost-free overview of bring in clients with Facebook.
( You'll likewise get cover image design templates for Twitter, LinkedIn, YouTube, as well as Google+ with your cover photo template download!).
11 Best Practices for Your Facebook Cover Photo.
1) Do comply with Facebook's cover picture guidelines.
It looks like a piece of cake, however following Facebook standards is essential to your Facebook Web page existing to begin with. I 'd extremely recommend checking out the complete Page Standards, yet below are a couple of essential points to remember for your cover image:.
Your cover is public.
Covers cannot be deceitful, misleading, or infringe on any individual else's copyright.
You cannot motivate individuals to upload your cover to their individual timelines.
If you get captured going against the above terms, Facebook might take action against your Page. And while Facebook does not explicitly state just what will certainly take place if you break their Page standards, it's most likely not wise to get your Facebook Page taken down over a cover image infraction, so check out the standards in full and abide by them.
2) Do make certain your Facebook cover photo size is right: 828 px broad by 315 px on desktop, 640 px wide by 360 px tall on mobile.
You don't intend to invest all this moment creating a cover image ... only to have it look strange when you post it to Facebook.
Ensure your cover image will look amazing from the outset by seeing to it 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 a photo smaller than those dimensions, Facebook will stretch it to fit the right size, as long as it's at the very least 399 pixels vast as well as 150 pixels high.
If you desire a no-hassle way to earn certain your cover pictures are the appropriate dimension, download our pre-sized theme for Facebook cover photos below.
3) Don't worry about the old "20% message" guideline, yet still try to stay aesthetic.
Back in 2013, Facebook eliminated any referral to the 20% guideline on text in cover photos ... but that doesn't mean you must go wild with utilizing message in your cover photo. The previous rule claimed that only 20% of your cover image could be text. Personally, I thought that was way too restrictive for marketing experts, but the view behind the guideline was a good one.
If you're going to utilize message in your cover photo, keep that text concise. Your image will be much more useful as well as appealing.
4) Maintain the photo simple, with a clear prime focus.
Consider your cover picture as the portion of your Web page that's "above the fold." If it's distracting or poor quality, people will be more likely to click off the web page.
A number of the best Facebook cover photos include a solitary subject as the focal point. They additionally make use of negative white (i.e., empty space) as a benefit to make the topic, any duplicate on there, and also other components unique to Facebook (like the CTA switch on Facebook organisation Pages) stand apart a lot more.
Right here's an example from Makr:.
5) Don't hide material behind your account picture.
As a result of the way account pictures are included on Facebook Pages, there's a section of your cover photo that won't appear unless you click it. Your Web page name and also the switches on the bottom right likewise cover portions of your image.
Take a look at the example listed below from NikeWomen. The parts highlighted in red are the parts of the cover photo that aren't promptly readable to your Facebook Followers.
According to Facebook's Assistance page, on home computer, the profile picture is located 16 pixels from the left side of the cover picture, as well as 176 pixels from the top of the cover photo.
That being stated, you can additionally utilize this hidden room to your benefit-- perhaps even hiding an Easter egg behind the account image for a contest. But generally, maintaining that area clear is a great best method.
6) Do not put crucial web content on the bottom of your photo, either.
Your profile image isn't really the only part of your cover image that will be partially concealed on your main Web page. You'll likewise intend to stay clear of putting essential web content or essential parts of your image under of your image where the name of your Web page and also CTA buttons are.
We suggest drawing an imaginary line about halfway up your account photo, as well as maintaining essential material (like text or hashtags) over that.
You can see exactly what I indicate in HubSpot's cover photo 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 want to include some equilibrium to your Facebook cover image design by having the focus of the photo get on the right.
Have a look at these cover pictures. Which one looks even more aesthetically pleasing?
Right-aligned focus:.
Does not the right-aligned cover photo look much better? The greatest layout components (the account photo, the text, and also the beer) are evenly spaced. In the Samsung cover image, your interest goes immediately to the left side of the web page, totally missing the name of the item on the top right side.
Not just is including equilibrium an important element of design, but it also allows for your cover pictures to be more visually efficient on mobile. Which brings me to my following point ...
8) Do keep mobile individuals in mind.
In April 2016, Facebook reported that over half of its user base (54.2%) access the social media network specifically from smart phones. That's big-- and it's exactly why it's so important to maintain mobile customers top-of-mind when creating your Facebook cover image.
On mobile, a much larger portion of your cover picture is blocked out since the profile photo and also 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 exactly what Adobe's Facebook Web page appears like in a desktop browser versus on Facebook's mobile application.
Desktop computer:.
Mobile:.
Notification that the sides of the image are cut off on mobile. Whereas your cover image shows at 851 pixels vast by 315 pixels tall on desktop, it presents just the center 640 pixels large by 360 pixels tall on smart devices. Take a look at this Facebook aid file for more information.
Notice, incidentally, exactly how the message in Adobe's cover image is removed on the right-hand side. While it looks ideal to right-align your visual components, be careful not to place crucial content up until now to the right that it obtains cut off on mobile.
9) Do integrate the cover picture design with other parts of your Facebook Page.
If you really desire your Facebook advertising and marketing to stick out, try integrating its design with other parts of your Page. You can make your profile image and cover picture one big canvas, or make use of some layout components to accentuate various performances of your Facebook Page.
Below are some concepts of exactly what these cover picture combinations may resemble.
Incorporate your profile image and also cover image.
With a little creativity and some style fine-tunes, you can make your profile image as well as cover photo appear as if they're 2 parts of one canvas. Take a look at among Paris' cover photos for a subtle yet compelling means to do that.
Note: Considering that cover photos display in a different way on mobile as well as on desktop, you'll have to select one layout to develop your cover image and also profile combination for. Considering that cover pictures are a lot more obvious on desktop computer, I would certainly suggest focusing on that design for your cover photo as well as profile picture combination design.
Accentuate the switches on right.
Following the most effective techniques discussed above, WeddingWire places all its important message to the right of their cover photo-- not just attaining a great layout aesthetic, yet also drawing attention to the primary calls-to-action on the Page: Like, Comply with, and also Message.
Note: While it could appear like a good idea to add directional signs like an arrowhead to obtain people to click the CTA buttons, keep in mind that those CTA buttons do not appear the same way on the mobile application. To puts it simply, it might be perplexing to mobile users if you integrate the cover photo style with the buttons.
10) Do consist of a shortened web link in your cover image summary that straightens with your page CTA.
If you want to utilize your cover picture to sustain your page CTA, make sure your cover photo description likewise includes a message CTA and also link to the same deal. By doing this, at any time people see your cover image directly, they could access the download link.
Here's this technique in action on HubSpot's Facebook Web page.
Ensure you reduce your web links as well as add UTM codes so you could track click them. Reducing and also tracking features are readily available in the HubSpot Marketing Platform and in devices like bitly.
( If you wish to find out more concerning the best ways to compose efficient call-to-action duplicate for your cover picture description, go here to download our cost-free ebook on producing compelling CTAs.).
