How to Create Great Facebook Cover Photos: Sizes, Styles, Examples
When someone visits your Facebook page, the first thing they see is a large splash image taking up almost a quarter of the screen: your Facebook cover photo. This is your profileâs headline, a big, bold banner image that introduces your brand to potential Facebook followers.
You can feature a lot in your Facebook cover photo: images of your product or team, ads and promotions, or even something as simple as graphic that sets the right mood. A good cover photo can result in increased engagement, whether thatâs more page likes or boosted traffic to your website or other social channels.
So, how do you make Facebook cover photosâand get the most out of them?
This article will go over everything you need to know about Facebook cover photos, from the ideal Facebook cover photo size, to picking attention-grabbing imagesâor videos!âthat set the right tone and convince people to interact with your page. Iâll also highlight some best practices, share good examples, and explain why theyâre successful.
Letâs start with the basics: making sure your image fits the Facebook cover photo size guidelines (and their other guidelines, too).
Bonus: Download a free cheat sheet to quickly find the best image sizes for every social network and learn how you can use Hootsuite to easily add them to any post.
Facebook cover photo size: 851 x 315 pixels
The minimum dimensions for a Facebook cover photo (sometimes referred to as âFacebook banner sizeâ) are 851 x 315 pixels. This is the best size to choose if youâre making a cover photo and want to know exactly how it will look before you upload it.
For the highest quality photographic experience, Facebook recommends using a PNG file. Choose this option if you want to display a high definition logo in your cover image, or if your cover image contains copy that really needs to stand out.
On mobile, itâs often better to prioritize image types that load quickly and donât use a lot of data. In this case, Facebook recommends uploading an sRGB JPEG file that also follows these two requirements:
Remember, on desktop, Facebook cover photos are more rectangular, accounting for larger/widescreen displays. On mobile, the cover photo is more square, allowing it to fit on a portrait-oriented screen.
While 95 percent of Facebook users access the site via mobile, that doesnât mean you should ignore the 31 percent of users who also browse via desktop. For a Facebook cover photo that looks good on any screen, Facebook recommends an image thatâs 820 pixels x 462 pixels. This also applies to the platformâs newer cover format: Facebook cover videos.
Facebook cover video size: 820 x 462 pixels
Facebook cover videos are another way to grab a userâs attention and drive user interactions on your page. On desktop, cover videos definitely look more engaging than static photos, and can really bring your page to life. However, theyâre less effective on mobile, as they donât autoplay, and instead load as a thumbnail.
Hereâs Facebookâs recommended settings for cover video size and duration:
Note: Facebook cover videos can have audio, but it wonât play unless you actually click on the video. For best results, make sure the video you upload works equally well with or without sound. This is something you should keep in mind even outside cover videos:85 percent of Facebook users watch videos with the volume turned off.
Other requirements for Facebook cover photos and videos
Besides these technical requirements, there are specific rules for the kinds of content you can display in Facebook cover photos and videos. These rules are fairly standard:
For a full breakdown of these policies, check out the Facebook page guidelines.
How to make a Facebook cover photo
Note: all screenshots used in this article are from Adobe Photoshop CC 2018 (19.1.2 release).
The best way to make Facebook cover photos is by creating a template in Adobe Photoshop and saving it for all your future needs. Once youâve followed these six easy steps, youâll be good to go for all your future cover photo needs.
1. Create a Facebook cover photo template
a) Open Photoshop, and go to File > New.
d) Once youâve done this, click the blue Create button in the bottom right, and youâll arrive at this screen showing a blank template.
2. Select your Facebook cover photo image
Go to File > Open and select the photo youâd like to see appear on top of your Facebook profile. It will open in a new tab in Photoshop.
3. Make a copy of your photo and move it to your template
a) In the bottom right corner, right click the Layers panel and select Duplicate Layer. This will open up a dialogue box, as seen in the second image.
b) Under Destination, change the file name to the one you named your templateâin my case, itâs âBest Sushi Ever.â Click OK.
4. Resize the photo in your template
a) Tab back to your template file. Youâll see the formerly white space is now filled with an image. When I first did this step, I ended up with this, which looks like a hot mess. But donât worry! This happened because I didnât resize the image within the template yet.
b) To resize the image to fit the template, go to Edit > Free Transform (or press Control/Command + T).
c) A border (bounding box) encompassing all the cropped-off parts of your image will appear around the template. If youâre too zoomed-in you wonât be able to see it; zoom out if this is the case.
d) Shift-click one of the corners of the bounding box and drag it inwards to scale your image down so the sections you want to be visible appear within the template. Once youâve scaled it the way you want, press the Enter key to lock in your image.
5. (Optional step) add text or other design elements
Hereâs when you can add your logo, ad copy or other text/design elements. I went with some thematically-appropriate kanji (âBest sushi ever!â) for this example.
6. Save your Facebook cover photo
Go to File > Save. Name your cover photo and select a file format. I picked PNG as recommended for maximum, mouth-watering detail.
Ta-da! Hereâs a cover photo that will look delicious on desktop or mobile.
Now that youâve made a template, you can skip step 1 when making your cover photos in future.
How to upload Facebook cover photos
Once youâre finished making your Facebook cover photo, uploading it is easy.
If you donât like how your Facebook cover photo is positioned after youâve published it, you can click Update Cover and then Reposition, which will return you to step 4.
As you upload more cover photos, youâll build up a library. If you ever want to replace your current cover photo with an older one, click Select Photo instead of Upload Cover Photo in step 3, and youâll be able to choose from previously uploaded images.
Finally, the Select Artwork button contains a number of premade background images for your cover photo space. These look fine in a pinch, but Iâd recommend creating branded images for your business page that showcase your organizationâs personality, products, or services.
How to upload Facebook cover videos
Uploading a Facebook cover video is almost the same as uploading a cover photo, with a couple of extra steps.
Facebook cover photos: best practices
Now that you know the basics of creating and uploading cover photos, itâs time to look at some powerful examples, and the strategies behind them.
1. Use a simple image with a clear focal point
The whole point of your profile banner is to grab attention and elicit curiosity so people take action on your page. Use memorable imagery with colors that reflect your brand, and donât be afraid to make use of negative space, particularly if youâre including copy: itâll help your words stand out.
Bonus: Download a free cheat sheet to quickly find the best image sizes for every social network and learn how you can use Hootsuite to easily add them to any post.Get the free guide right now!
This playful cover photo from Zendesk uses bright colors and negative space to make their copy pop.
2. Pair your Facebook cover photo with your profile picture
A Facebook cover photo that matches with the profile picture always looks professional and put-together. It might sound limiting, but itâs also a good opportunity to get creative.
Targetâs eye-catching Facebook cover photo makes clever use of their bullseye logo. The optical illusion caught me off-guard, earning this cover photo my full attention.
3. Optimize your cover photo for mobile
When youâre choosing an image for your Facebook cover photo, think about how itâs going to look on the screens of Facebookâs 1.15 billion smartphone users. If thereâs tiny text, will it be readable? How will the finer details look on a smaller screen? Whatâs being cut off when your cover photo is panned-and-scanned to mobile format?
I was surprised to find that many companies (big companies!) donât actually bother to optimize for this, making it an easy way to provide a better page experience than your competitors.
Duolingo has smartly chosen an image that doesnât change too much between desktop and mobile. Nothing is lost in translation, providing both audiences with an equally good browsing experience.
As an added bonus, the brand name in the banner leaves the profile picture open for Lingo (their company mascot) to greet visitors to the page.
4. Balance your Facebook cover photo with right-aligned elements
Centered images work well on cover photos, but aligning your image content to the right is aesthetically pleasing and has strategic value. Facebookâs call-to-action buttons appear on the right side of your profile; ideally, your images should draw the eye to that section of the page. If possible, include elements that draw attention to your CTA.
Here, YouTube star and cake-decorating sensation Yolanda Gampp uses the cover photo to advertise her new cookbook, How to Cake It. This banner effectively leads the eye, starting with the copy, then to the book cover, which is placed right over the Watch Video CTA. Itâs a direct route to her YouTube channelâand an invitation join her 3.6 million subscribers!
5. Update your cover photo regularly
Your Facebook cover photo is the ideal place to announce whatâs new at your company. Keep this space updated with fresh content, whether youâre promoting a new product or service, or referencing current events in relation to your brand.
Here, KFC uses their cover video to advertise the Canadian launch of the latest twist on the infamous Double-Down. This profile video works well because the animation is on a short loop so itâs not too distracting. It really creates a mood!
6. Link out from your Facebook cover photo
Including a link within the cover photo page itself is a good way to drive traffic to your other pages via Facebook. Use a link shortener like ow.ly to create a customized URL format thatâs unique to your brand. It makes links more manageable, and conceals the UTM code you should be using to track your traffic sources.
Here, Threadless uses an all-too-relatable drawing of a cat to drive traffic to their website. When you click the cover photo, you find a link directing you to purchase the T-shirt. The link contains a UTM code, allowing Threadless to track page views from their Facebook cover photo.
Although they havenât done it here, another strategy is to have this URL direct to the same page as the CTA on your main profile, offering another chance for conversion. This also lets you experiment with other CTAs on your Facebook page (Facebook currently has seven to choose from).
Check out this post if you want to more about how to write an irresistible call to action.
7. Pin important updates below your Facebook cover photo
Remember, the goal of a headline is to get you to read the article below, and Facebook cover photos are no different. Pin your most important current content to the top of your Facebook page.
When people are drawn in by your cover photo, theyâll see the most relevant information as soon as they scroll down.
Hootsuite is currently promoting an upcoming webinar series on Demystifying Social ROI. In addition to a cover video highlighting the event, weâve pinned it as the first post on our page so people remember to sign up.
Manage your brandâs Facebook presence and your new Facebook cover photo with Hootsuite. Engage followers, track results, and schedule new posts from a single dashboard. Try it free today.
via Hootsuite Social Media Management https://ift.tt/1LdunxE
May 2, 2018 at 08:21AM