Facebook has more than 200 million small businesses around the world using Facebook pages. And even if we’re not supposed to judge a book by its cover … you know that it happens. This is why your Facebook cover photo is so important.
But what is a Facebook cover photo? What are the Facebook cover photo size dimensions? And how can you create an image that looks great on desktop and mobile devices?
This article will teach you everything you need to know and give you the perfect Facebook cover photo template.
Let’s dive in!
Start selling online now with ShopifyStart your free trial
What is a Facebook cover photo?
When someone visits your Facebook business page, your cover image is the first thing they see and takes up just about the entire screen.
A bad Facebook cover image can have visitors tapping the Back button before they draw their next breath, never returning to your page again.
However, a well-optimized Facebook cover photo will entice viewers to follow you, explore your page, interact with your brand, visit your website, and buy from your store.
What is the Facebook cover photo size?
Facebook cover photos (or Facebook banners) are displayed at 820 pixels wide by 312 pixels tall on desktops, and 640 pixels wide by 360 pixels tall on mobile devices. Your Facebook cover image size must be at least 400 pixels wide and 150 pixels tall.
For best results, Facebook recommends using a PNG file.
Now, if you’re the type of person who likes to get super technical, a Facebook cover photo will load fastest as an sRGB JPG file that’s 851 pixels wide, 315 pixels tall, and less than 100 kilobytes.
The big issue with Facebook cover photos
You may have noticed a problem with Facebook cover images: We only get one FB cover photo, but it’s displayed differently on desktops and mobile devices.
So, how does Facebook help us solve this issue? Well, it doesn’t.
Facebook isn’t trying to annoy us, it’s just taking into account the aspect ratios of different devices.
Remember, Facebook is viewed in landscape on desktop and portrait on a mobile browser. The problem isn’t pixel sizes but the shape.
Take a look at Hershel’s Facebook cover photo on desktop:
Now, here’s what it looks like in the Facebook mobile app:
Sure, they look similar, but there’s a small difference—the image has been cropped on the desktop version.
Let’s look at the mobile version again, but this time, I’ve grayed out the parts of the image that aren’t displayed on desktop:
The best Facebook cover photo size for desktop and mobile
The solution to this Facebook cover image problem is to make your photo much taller than the recommended 820 x 312 pixels.
Specifically, your image should be 820 pixels wide by 462 pixels tall.
This gives you 75 extra pixels at the top and bottom of your image that will be cropped when displayed on desktop.
But what does this look like exactly?
The perfect Facebook cover photo template for desktop and mobile
Here’s a free Facebook cover photo template that you can use to design an image that looks great on desktop and mobile devices:
The whole image will be displayed on mobile devices. However, the light blue sections will be cropped out when displayed on desktop computers.
To download the template, right-click the image, click Save Image As, and save the image file to your computer.
What is the best Facebook cover video size?
Facebook cover videos are displayed the same way as photos. For this reason, the recommended Facebook cover video size is also 820 pixels by 462 pixels. Your video also needs to be between 20 to 90 seconds in length.
Facebook cover videos provide a fantastic opportunity to promote your brand or a dedicated marketing message, and can often be more engaging than photos.
But it’s not all good news.
Facebook cover videos are less effective on mobile devices, as they don’t autoplay. They load as a thumbnail instead.
What’s more, the audio in Facebook cover videos doesn’t automatically play either—viewers must click on the video to hear the sound. For this reason, it’s best to make sure that your video is still interesting and engaging without audio.
That said, when you consider that 85% of Facebook users watch videos with the volume turned off, it’s good practice to make your videos engaging without sound when posting them on Facebook regardless.
Here’s an example of an eye-catching Facebook cover video from watch brand Bremont:
Lastly, don’t worry if you already have an awesome video but the dimensions aren’t quite right. Before editing your video, simply try uploading the video and using Facebook’s Reposition feature.
How to make a Facebook cover photo
Now that you understand the dimensions, here are six top tips on how to make a Facebook cover image.
1. Use Shopify’s Hatchful to create a social media brand package
If you haven’t yet created a logo or visual branding for your business, check out Shopify’s Hatchful.
This free tool allows you to quickly and easily create an awesome brand package – this includes images formatted for each of your main social media channels.
Hatchful even provides two Facebook cover photo variations:
2. Use a free image editing tool to make a Facebook cover photo
If you’ve already got a logo or visual branding, check out free image editing and graphic design tools. We list some further down in this article.
Most graphic design tools come equipped with free templates for cover photos. Many of these are formatted for desktop (820 pixels by 312 pixels). But you can create a new photo design using the dimensions that work for desktop and mobile (820 pixels by 462 pixels).
Then, upload the Facebook cover photo template to your design so you can see which parts of your image will be cropped on desktop devices.
Here it is again for convenience: just right-click, and click Save Image As.
3. Source free stock photos and videos to use in your Facebook cover photo
What if you don’t have any image graphics or video footage to use on your Facebook page? No problem!
There are plenty of free stock photo and video websites out there, such as Shopify’s Burst, Pexels, Unsplash, Pixabay, or Life Of Vids. You can use a free image resizer tool to edit an image you find that doesn't fit the dimensions you desire.
4. Stick to Facebook’s guidelines
Most of Facebook’s guidelines are simply common sense.
However, it’s worth reading them in order to avoid a silly mistake that might result in Facebook removing your page from the site.
These guidelines include:
- Don’t use copyrighted materials that you don’t own or have a license for.
- Make sure your Facebook cover photo is family friendly and safe for work.
- If you directly advertise a product or service in your Facebook cover image, make sure you’re not violating any of Facebook’s advertising rules.
For more information, check out Facebook’s page guidelines.
5. How to change Your Facebook cover photo
Once you’ve created your Facebook cover image or video, uploading it to Facebook couldn’t be easier.
Just head to your Facebook page, click the camera icon on your cover image, select your photo, and click ”Upload photo.”
Facebook cover photo best practices
Now that you know the practicalities, here are four best practices for creating an engaging Facebook cover image.
1. Use an image with a strong focal point
In general, it’s best to avoid abstract images that don’t serve a clear purpose.
Remember, your Facebook cover photo is an opportunity to capture and direct the attention of visitors. So use an image that grabs people’s attention and elicits curiosity.
Your image should also be in keeping with your brand’s look and feel.
In the example below, Tesla displays a stunning image featuring its latest car. Notice how the road and background draw your attention to the vehicle.
2. Don’t include small text or visual elements
You need to make sure that any text or visual details you include are large enough to be viewed easily on a small smartphone screen.
This is important to consider when the vast majority of Facebook users access the site from smartphones:
3. Update your Facebook cover photo regularly
Facebook cover photos present a fantastic opportunity to communicate with your target audience, so take the opportunity to update your message regularly.
For example, you can put up a new cover image before the start of Christmas. Or promote a time-sensitive offer through the use of a new cover.
What makes a good Facebook cover photo?
Every brand and business is different, so there is no one size fits all when it comes to what a good Facebook cover photo is. But there are a few things to consider that improve your Facebook marketing game.
Consistent branding with your Facebook profile is super important, as your customers want to know straight away that your profile is the right one and not a fan/spam account. Creating a Facebook cover photo that is in line with your brand guidelines will foster trust with customers. This includes using colors that are associated with your business, making sure your language is consistent, and repeating messaging you use on your website within your images.
Images are great. They can be eye catching, motivational, and viral. But nothing can beat a cover photo with a call to action. Your cover photo can be used to promote a sale you have on, or a new product that you launched. Whatever is new to your business you should push your customers to find out more through prime real estate on the top social media platform.
Test videos and images
Sometimes cover images are not the best media for Facebook. Testing videos and images can help you to understand what your customers want. Maybe images are great for engagement within Facebook, but videos help to motivate your customers to visit your website. You will never know what motivates your customers until you test your scenarios.
Make it engaging
All images should be created to push engagement, and Facebook cover images should be no different. Creating images that people want to share with friends and family will mean free exposure and branding from people who like you and your business. Social proof is way more important in today’s ecommerce landscape than advertising and marketing. If your audience is down with sharing your images, you have our permission to create the most engaging content ever!
Facebook cover photo makers
Many tools exist that can help you create Facebook cover photos so you don’t need to communicate with a designer every time you need a new image. Below are the five most popular Facebook cover photo makers, along with links to templates so you can start creating a cover image now.
Canva is an amazing tool to create images for any platform, but especially for Facebook cover photos. Its cover photo template is easy to use too. You simply pick a layout and choose images, fonts, and colors that suit your brand, and you’re done!
2. Adobe Express
With Adobe Express, you can create new Facebook cover photos for free. This tool helps to design striking banners that amp up your brand and draw in your audience in seconds. Plus, they look super professional.
Bannersnack has lots of cover photo templates to start with, where simply dragging and dropping an image and some text will give you great results in minutes. This free tool also has millions of stock photos and animations to use.
Create eye-catching Facebook cover photos with Fotor that will express the emotions of your brand in just a few clicks. In four simple steps you can have the perfect asset for your Facebook strategy that increases engagement among your followers.
Crello allows you to make Facebook cover photos or videos that your followers will love. Their templates offer inspiration and creativity to users so they can create assets that normally would be outside of their scope. With Crello you can compete with the bigger brands in your market.
8 Facebook cover photo ideas from successful brands
Now that you have the tools and best practices under your belt, here are nine inspiring Facebook cover image ideas from successful brands.
1. Present your key selling proposition
One of the best ways to use your Facebook cover photo is to highlight your key selling proposition or benefit.
To understand your business’s key selling proposition, simply ask yourself, “What is the key benefit we provide to customers?”
Here’s how Shopify app Automizely does it on its Facebook page:
2. Capture attention with an animation
If you like the idea of a Facebook cover video, but you don’t have the time, budget, or expertise to create a compelling video, why not create a GIF?
3. Feature your products
If you’re not sure what to use as your Facebook cover photo, you can’t go wrong with a great product photo. Plus, it can save time and money to simply use an image you already have.
Here’s a great example from Dollar Shave Club:
4. Keep it simple
When it comes to creating images that customers will love, keeping it simple is the most important aspect. Creating images that have more than one CTA, too much movement, or information overload will scare people away. Landing pages are for informational purposes, and images are snapshots of the most important information.
If you’re really struggling to find that perfect idea, just keep it simple. Some of the largest brands in the world have created empires using simple but powerful visuals.
Take Nike—its Facebook cover photo just features its slogan in black and white:
5. Feature faces in your image
People are instinctively drawn to other people.
So much so that one study discovered photos with faces are 38% more likely to get likes on social media than photos without faces. Photos with faces are also 32% more likely to attract comments.
Jewelry brand Biko takes advantage of this trend:
Facebook cover images are a fantastic opportunity to promote your brand or amplify a specific marketing message to your target audience.
- Facebook cover photos are displayed at 820 pixels wide by 312 pixels tall on desktops, and 640 pixels wide by 360 pixels tall on mobile devices.
- It’s best to create an image that’s 820 pixels wide and 462 pixels tall while remembering that the top and bottom of the photo will be cropped by 75 pixels each on desktop devices.
- The same goes for Facebook cover videos.
When creating your Facebook cover photo, keep in mind these best practices:
- Direct viewer’s attention by using a large image with a strong focal point.
- Place the emphasis on the right-hand side of the image to visually balance the Facebook page layout.
- Avoid including small text or visual details that will be difficult for smartphone users to see.
Lastly, after you’ve created and uploaded your Facebook cover photo, be sure to check how it appears on different devices, and make any necessary changes. That way, you can be certain it will look great to everyone!
What type of Facebook banner are you about to create—photo, video, slideshow, animation, or video? Let us know in the comments below!
Start selling online now with ShopifyStart your free trial