How to put a banner on facebook


Facebook Banner Design | Do's & Don'ts, Examples

Facebook banners (a.k.a. “covers”) are the big rectangular piece of visual real estate that lives at the top of your page. If you have a business page, a compelling Facebook banner design is a primo vehicle for showing off your brand. Put your logo front and center, create a collage of your products, or feature new items or designs in your banner — there is so much you can do with this space! First we’ll show you how to create a Facebook banner design from a blank canvas, and after that we’ll cruise through some pre-made Facebook banner design templates that will help you to easily create stylish Facebook banners in no time. Let’s get started!


DO:

  • Use a unique image that shows what your biz is all about.

  • Try different banner designs out and see what performs well.

  • Keep in mind that a page is public and anyone can see it.

  • Understand the dimensions and the safe zone for Facebook Page covers (as distinct from Personal, Event or Group covers). See the next section for the lowdown.

  • Make sure to follow Facebook’s page terms.

DON’T:

  • Use a banner image that could be construed as false advertising or uses anyone else’s copyrighted material.

  • Include a verified checkmark in your banner.

  • Include any third-party products or services or brand names.


Create the correct size cover image

Next, you’ll want to get the size right. The size of your banner — your cover — depends on what kind of Facebook presence you intend to create: event, group, or business If it's the latter, it typically gets called a “Facebook Cover Photo” and that’s what we’re focusing on for this article (but we do provide some details below on what each one is and when you'd use it).

In PicMonkey's template library, you can specify which type of Facebook banner/cover you want to use.

Here are all the current cover sizes. No matter the type, all covers/banners should be less than 100 KB to upload properly.


Facebook cover photo sizes 2022

Event Cover1200 x 628 px
Group Cover1640 x 856 px
Page Cover1640 x 924 px
  • Event Cover: Used on an event page. For example, if your company is hosting a charity holiday party and you want to invite people on Facebook, you'd create an event page featuring said event photo right up top.

*Note personal covers are sized the same as business banners. All sizes provided are for optimal desktop resolution.*


Your Facebook Page banner size will display at different dimensions depending on if it’s viewed on a desktop or smartphone.

When you focus your design within the safe area (staying roughly in the middle as in the visual above), you can rest assured that your banner won’t look wonky or be cut-off in different displays.

When you use one of our premade designer templates you’ll see that the dimensions are 1640 x 924 px for a page cover. This is more than double Facebook’s display size (820 x 312 px for desktop and 640 x 360 px for mobile) to give you a more intuitive safe zone and minimize the chance of important info being lost.


Sure, we have a lot of templates that make design as easy as click-and-replace, but sometimes you have a whole vision and need to start from scratch. We get it. You can start with a blank canvas template that is already the right size for whatcha need.

Grab a blank canvas in PicMonkey and get to work designing.

Quick steps for creating a Facebook Page banner from scratch:

  1. On the PicMonkey homepage, click Create new.

  2. Choose Blank Canvas, and then Facebook Page Cover.

  3. In the editor, experiment with background colors and fonts.

  4. Add your own images and logo to the layout.

  5. Check out our graphics library to bedazzle your banner.

  6. When you’re ready to upload to Facebook, click Share and you can do so directly from PicMonkey! Or, download to your computer and then upload to Facebook.


Create a Facebook Page banner from a template

See more Facebook banner templates.

We all have different gifts, and if one of yours doesn’t happen to be graphic design, don’t worry about it because you can start making your banner/cover with a designer-crafted template. Templates make it easy to create your banner with click-and-replace design that will have you looking polished and professional in only a few minutes. Follow these steps to make a banner, and then see below for banner ideas and inspiration.

Quick steps for creating a Facebook Page banner from a template:

  1. On the PicMonkey homepage, click Create new > Templates.

  2. Browse or search for Facebook cover, and choose the one you want.

  3. In the editor, click the layers you want to replace. You can delete them altogether, or swap in your own words, fonts, colors or images.

  4. Try out a texture or effect on a layer if you wanna.

  5. Add visual interest with graphics.

  6. When you’re done, click Share to export it directly to your Facebook account. Or download to your computer, then upload your finished page cover to Facebook.


Facebook Page banner design ideas & inspiration

We’ve pulled a few of our design templates below to give you an idea of what you can do with them to create your own stylish FB cover photo. Sometimes simply replacing the background color of your banner is all you need, while other times you might feel so moved to change up everything. Either way, these templates are a good place to start planning your design layout because when you open them in the editor, you’ll see what size fonts we’re using and how different layers are arranged.

1. Clean & classic: words on an image

See more Facebook cover designs.

There’s nothing wrong with a good photo and some words of wisdom overlaid on top as a bold and direct Facebook Page banner. This look is so easy to create, but looks super professional. In this template, we used a neutral-color photo, and a simple white font for the on-brand message that represents the business. Using PicMonkey’s text tool, you can add a drop shadow, adjust the line height and letter spacing, and even curve the text if you’re so moved.

2. Bold & basic: Quote on a color background

See more Facebook banner templates.

For an easy, but high-impact, banner consider a quote on a solid color background. Use your brand colors and fonts, and complete the design with your logo at the bottom. The alternate possibilities for this simple look are many: apply the cool Ombré gradient effect to your background, or choose one of our many textures (we used a watercolor texture) as a background.

3. Simple & stylish: half image and half logo

Browse all Facebook banner templates.

Another super easy banner to create is part photo, part logo look that is all stylish. The side-by-side color blocking helps to present both an image and words/banner logo without any overlap if that’s something you're trying to avoid. Again, play with changing up the image, colors, or the background. The cool thing about PicMonkey’s storage, Hub, is that you can save a bunch of versions and they will all remain editable so you can easily switch up your look and try our different designs to see what works best.

4. Flat lay & forward: look down to up your message game

See more Facebook banner templates

A quick glance at your page banner should tell your audience all they need to know about your business. With your business name and URL smack in the center, it’s obvious what you’re all about. Flat lay images are great because they include a lot of negative space for text to work around, and they offer a mod look that’s easy on the eyes. Find loads of these flat lay images on free stock photo sites or right in PicMonkey! Plus, check out these tips on how to ace your own flat lay photography.

5. Clicky & clear: invite interaction to share more info

See more Facebook banner templates.

Banners, being situated as they are at the tippy top of your page, are a perfect spot to stick an announcement about what’s poppin’ at your biz like, say, new mockups, products, etc. While banners can’t really feature a clickable button, the inclusion of a button-like feature invites clicks, and when a user clicks, they’ll be taken to the expanded image post where you can include a caption with more information.

6. Graphical & groovy: get playful with fun graphics

See more Facebook banner templates.

You may already know that PicMonkey has a library of over 6,000 graphics (and growing every week), but did you also know that they are vector-based, meaning you can shrink and expand them without losing that sweet sweet resolution? Well if you don’t know, now ya know. Arranging various sizes of the same graphic (as above), or a mélange of similar graphics, to fill your page banner makes for a fun and eye-catching design.

How to Create Great Facebook Cover Photos [Free Templates]

Facebook cover photo size: 820 pixels wide by 462 pixels tall

How to make a Facebook cover photo on Canva

Free Facebook cover photo templates

How to upload Facebook cover photos

Facebook cover photo best practices

Most people know that Facebook cover photos are the large image at the top of a business page. What you may not know is that this image can have a big impact on a business’s bottom line.

Your cover photo is one of the first things potential customers will see, so it’s an important piece of your Facebook marketing strategy. You’ve got to call on your inner designer to make sure it’s poppin’.

In this article, we’ll cover everything you need to know about Facebook cover photos, including the perfect Facebook cover photo size. By the end, you’ll be able to use our free templates to create a stunning Facebook cover photo that will help your business grow.

Bonus: Download your free pack of 5 customizable Facebook cover photo templates now. Save time and easily promote your brand with a professional design.

Facebook cover photo size: 820 pixels wide by 462 pixels tall

The ideal Facebook banner size is 820 pixels wide by 462 pixels tall.

On desktop, your cover photo is displayed at 820 pixels wide by 312 pixels tall. On most smartphones, it comes up at 640 pixels wide by 360 pixels tall.

Since you can’t control how people will view your page, it’s best to use Facebook cover photo dimensions that can work for desktop and mobile. The size that seems to work best is 820 pixels wide by 462 pixels tall.

To make sure any important information in your cover image doesn’t get cut off on desktop or mobile, keep text and graphics within a center “safe” zone — don’t push anything too far into the margins.

For this article, we’re going to go over the basics of Facebook cover photos, but if you’re feeling pro, you can use a video instead of a photo for your Facebook banner. Facebook cover videos should be at least 820 px by 312 pixels and 20 to 90 seconds long.

Do you find yourself with a photo or video you really want to use, but the dimensions don’t quite work? Don’t worry. You can still upload your photo and then adjust it. Facebook has a repositioning feature you can use to resize your photos and videos.

How to make a Facebook cover photo on Canva

If you’re wondering how to make a Facebook cover photo without any design experience or know-how, don’t worry. We got you.

Canva is a Facebook cover photo maker that requires no design or artistic experience. Here’s the step-by-step on how to do it.

Step 1: Head over to Canva

Head to Canva and create an account if you don’t already have one. Canva is free to use, but it will ask if you want to try out a Pro account for a 30-day trial.

Step 2: Find a template you like

Navigate to the search bar at the top of the page that says, “What will you design today?” and type in “Facebook Cover Photo.

Just a note: You can experiment here with different keywords for more results. “Facebook cover photo business” has +82,000 templates, for example.

Choose a template that looks good to you. If you’re unsure what will work for your business, scroll down to take a look at our list of Facebook best practices below for some guidance.

Optional: Share your template

You can now share this template with any groups or teams you have set up or keep it all to yourself. This is helpful if you need approval or feedback on your cover photo.

Step 3: Edit your template

Now, you can edit your template as you see fit! Simply click on the text to write over it.

You can change your typeface, font size, or color using the tool at the top of the screen.

Change your background image by clicking on the image and navigating to the top right corner to click Change image.

You can choose an image from Canva’s library of free images or upload your own imagery. If you have great Instagram pictures, you can link your social media accounts on the left-hand toolbar to pull assets from there.

You can also use free elements, like filters, to edit your image.

Step 4: Download your finished image

Once you’re happy with your banner, hit the Share button in the top right corner. Click Download and choose your file type (we recommend .png). Then, your download will automatically start!

Free Facebook cover photo templates

Don’t want to sort through Canva templates? Our professionally designed templates make it easier to create your own Facebook cover photo. Here’s how to customize our templates for your brand. You will need Adobe Photoshop to get started.

Bonus: Download your free pack of 5 customizable Facebook cover photo templates now. Save time and easily promote your brand with a professional design.

1. After you’ve downloaded the templates, you’ll notice that the fonts and image files are separate. Double-click on the font file of your selected theme to upload the font to your computer. Click Install font.

2. Double-click the image file to open it in Photoshop.

3. Select the Facebook cover photo template that you’d like to work with first.

4. To edit text: Double-click the text you would like to edit. You can change fonts and colors in the menu on the left-hand side.

5. To edit a color block or background: Double-click the color block you would like to edit. Change the size or use the menu on the left-hand side to change the color.

6. To edit a photo or image: Double-click the photo you would like to edit and click insert new image. Resize image as necessary.

7. To save the template: Select the template you would like to use and go to Save>Export As>Artboard to Files. Make sure to save as a .jpg or .png.

8. Upload your Facebook cover photo following the steps below.

How to upload Facebook cover photos

Once you’re finished making your Facebook cover photo, uploading it is easy.

  1. Navigate to your Facebook business page and mouse over the cover photo space at the top.
  2. Click Add a Cover in the top left corner.
  3. Click Upload Photo/Video and select the photo you’d like to upload.
  4. A preview of your photo will appear in the cover space. Click the photo and drag it up or down to the vertical orientation of your liking.
  5. Click Publish.

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.

Facebook cover photo best practices

There is a right way and a wrong way to create your Facebook cover photo. Here are some best practices you can follow to ensure you’re setting yourself up for success.

Use a simple image with a clear focal point

Your cover photo shouldn’t be too busy or confusing. You don’t want it to detract from your page, so choose a simple image without a lot of noise.

A clear focal point just means a natural spot for the eye to draw to. In the example below, the focal point is the woman with the cucumber.

Source: Canva

Follow Facebook’s cover photo guidelines

Following Facebook’s cover photo guidelines is always a good idea. Check their list periodically, as Facebook can change its guidelines occasionally.

Be sure to align your cover photo with Facebook’s business guidelines, too. You can’t infringe on copyright, for example.

Right-align objects

Right-aligning the elements or objects of your cover photo draws the viewer’s eye across your screen in a left-to-right direction. This directs your viewer towards your page’s call-to-action (CTA).

Source: Vimeo on Facebook

Left- or center-align text

People typically read from left to right. If you have any text on your Facebook cover photo, we recommend keeping it to the top left or center. Much like right-aligning your photo’s object, this draws the eye from left to right, ending on your CTA.

In the adidas example below, the text is center-aligned with a right-aligned focus of bright green. This naturally leads your eye down to the Shop on Website CTA.

Source: adidas on Facebook

Hootsuite, on the other hand, has left-aligned text that draws your eye to the focal point of the woman using binoculars. Then, you’re naturally inclined to look below at the Sign Up CTA.

Source: Hootsuite on Facebook

Pair your Facebook cover photo with your profile picture

A Facebook cover photo that matches your profile picture always looks professional and put-together. Use this as an opportunity to get creative with your brand!

Source: Target on Facebook

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 smartphone users. Mobile users account for approximately half of web traffic worldwide. You’ll want to think about how your image translates between devices.

Ask yourself:

  • Is the text readable?
  • How will the finer details look on a smaller screen?
  • What’s being cut off when your cover photo is resized to mobile format?

Give your cover photo a link

Including a link within the cover photo’s caption is a great way to drive traffic. If you’re feeling clever, you could give your more curious viewers an easter egg here. Use your link to send them to a page with an exclusive product or a prize. As always for social links, use a link shortener to make your URL more manageable.

Source: Target on Facebook

Use your cover photo for campaign promotion

Since it sits above the fold, your cover photo allows you to tell your audience what you want them to know right off the bat.

Are you hosting a giveaway? Or perhaps you have a fire sale coming up soon? Maybe you want to tell them about a new product line that’s about to launch. Whatever it may be, you can upload a piece of promotional material to your cover photo to get the word out.

Facebook has roughly 2.91 billion monthly active users, after all. That’s a lot of potential eyes on your promo materials.

Avoid a pixelated photo!

If you upload a massive file to your cover photo, Facebook will try to reduce your file size. This can cause your cover photo to become pixelated and look low-quality.

To avoid this, make sure you upload as small of a file size as possible. Facebook recommends 100kb or less.

Experiment

Try testing your Facebook cover photos to see what resonates with your audience. Testing is one of the best ways to truly understand what visuals work best on social media.

A/B testing your cover photos helps you figure out which photo catches your viewer’s eye and gets them to follow you. Pay attention to any increase in followers or engagement with the photo. And then put resources into making more content like that. It’s a cycle of success.

Perhaps your audience will respond to a bright, minimalistic design like the one below:

Source: Canva

Or maybe they appreciate a geometric collage with neutral color tones:

Source: Canva

Experimenting with your cover photo could be one way to get more likes on Facebook. Or it could even help increase your Facebook engagement. You never know until you try.

If you’re just starting out with your Facebook marketing journey, uncover how to create a successful Facebook business page here.

Save time managing your social media presence with Hootsuite. From a single dashboard you can publish and schedule posts, find relevant conversions, engage the audience, measure results, and more. Try it free today.

Get Started

 

With files from Fergus Baird

Do it better with Hootsuite, the all-in-one social media tool. Stay on top of things, grow, and beat the competition.

Free 30-Day Trial

How to Create the Perfect Facebook Group Background

Facebook serves over 80 million small businesses around the world using branded pages. And even if we shouldn't judge a book by its cover... you know as well as I do that this rarely happens. That's why it's so important to get your Facebook branding page right.

But what is a Facebook page cover? What are the banner sizes for a Facebook group and how do I create an image that looks great on desktop and mobile?

This article will teach you everything you need to know and give you a Facebook group cover template.

What is a Facebook page cover?

When someone visits your Facebook page, your cover image is the first thing they see and takes up almost the entire screen.

A bad Facebook cover image can make visitors hit back before they take their next breath and never come back to your page .

However, a well-optimized Facebook cover photo of will encourage viewers to follow you , explore your page, interact with your brand, visit your website, and make a purchase from your store.

What size is the Facebook cover photo?

Facebook cover photos (or "Facebook banner") display at 820 pixels wide by 312 pixels high on desktop and 640 pixels wide by 360 pixels high on mobile devices . The Facebook cover image must be at least 400 pixels wide by 150 pixels high.

For best results, Facebook also recommends using PNG file .

Now, if you're the type of person who likes to be ultra-tech, a Facebook cover photo will load fastest as an sRGB JPG file at 851 pixels wide, 315 pixels high, and weighing less than 100 kilobytes.

Big problem with Facebook cover photos

You may have noticed an issue with Facebook cover images: We only use one Facebook cover photo, but it displays differently on desktop and mobile devices.

How does Facebook help us solve this problem? No way, Facebook just takes into account the aspect ratio of different devices.

Remember that Facebook is viewed in landscape orientation on desktop and portrait orientation on mobile devices. The problem is not pixel sizes, but form .

On mobile devices, the top and bottom of the image is enlarged by approximately 75 pixels on each side. This means that Facebook doesn't compress or stretch your cover to the right size, so your image will always look its best. This also applies to Facebook covers, which we'll talk about in a moment.

Best Facebook cover photo size

The solution to this Facebook cover image issue is to make the photo well above the recommended 820 x 312 pixels.

Specifically, your image should be 820 pixels wide by 462 pixels high.

This gives you 75 extra pixels at the top and bottom of the image, which will be cropped when displayed on the desktop.

Best Facebook cover video size?

Facebook cover videos are displayed in the same way as photos. For this reason, 's recommended Facebook cover video size is also 820 by 462 pixels . Your video must be between 20 and 90 seconds.

Facebook cover videos are a fantastic opportunity to promote your brand or special marketing message and can often be more interesting than photos.

But that's not all good news.

Facebook cover videos are less effective on mobile devices because they don't autoplay. Instead, they are loaded as a thumbnail.

What's more, Facebook cover art audio doesn't play automatically either - viewers have to click on the video to hear the audio. For this reason, it's best to make sure your video is still interesting and engaging without sound.

However, given that 85 percent of Facebook users watch videos with the volume turned off, it's good practice to make your videos interesting without sound when you post them on Facebook.

Finally, don't worry if you already have a great video, but it's not exactly the right size. Before editing a video, just try to upload the video and use Facebook's "Move" feature.

How to Create a Facebook Cover Photo

Now that you understand the dimensions, here are six top tips on how to create a Facebook cover photo.

  1. Use Shopify Hatchful to create a brand package

    If you haven't created a logo or visual branding for your business yet, try Shopify Hatchful.

    This free tool lets you create a great branding package quickly and easily - it includes images formatted for each of your main social media channels.

    Hatchful even offers two Facebook cover options.

  2. Use a free image editing tool

    If you already have a logo or visual branding, check out free image editing and graphic design tools. We will list some of them below in this article.

    Most graphic design tools come with Facebook cover templates. They are usually formatted for the desktop (820 by 312 pixels). Therefore, it is better to create a new design using dimensions suitable for desktop computers and mobile devices (820 by 462 pixels).

    Next, upload the Facebook cover photo template to your design so you can see which parts of your image will be cut off on desktop devices.

  3. Use free stock photos and videos

    What if you don't have colorful images or videos to use on your Facebook page? No problem!

    There are many free photo and video sources for your projects.

  4. Facebook pages and profiles display covers differently

    When designing a Facebook cover, it's worth remembering the differences between Facebook pages and Facebook profiles.

    Facebook cover images are displayed in full on pages. However, Facebook profiles display various elements over your cover image. These include a profile picture, a name, and buttons like Follow and Message.

    Be sure to consider these additional elements when creating your Facebook cover.

  5. Stick to Facebook's recommendations

    Most of Facebook's recommendations are based on common sense. However, they are worth reading to avoid making a stupid mistake that could result in Facebook removing your page from the site.

    These recommendations include:

    • Do not use copyrighted material that you do not own or license.
    • Make sure your Facebook cover photo is family friendly and safe for work.
    • If you're directly advertising a product or service on a Facebook cover, make sure you're not violating any of Facebook's advertising policies.

    Please see the Facebook Page Policy for more information.

  6. How to change your Facebook cover photo

    Once you've created a Facebook cover or video, uploading them to Facebook is a breeze.

    Just go to your Facebook page, click the camera icon, and then click Upload Photo.

Facebook Cover Photo Recommendations

Now that you know the practicalities, here are four of the best methods for creating an eye-catching Facebook cover image.

  • Use an image with strong focus

    It's best to avoid abstract images that don't serve a clear purpose. Remember, your Facebook cover photo is an opportunity to capture the attention of visitors. So use an image that grabs people's attention and arouses curiosity.

    Your image should also match the look of your brand.

  • Emphasize to the right of the image

    The profile picture and sidebar are on the left side of the page, so covers tend to look better when the focus is on the right side of the image.

    There is also a tactical advantage in drawing the viewer's attention to the right side of the page: this is where the Facebook Page 9 call to action is located0016 .

  • Do not include small text or visuals

    You must ensure that any text or visuals you include are large enough to be easily viewed on a small smartphone screen.

    This is important to consider when the vast majority of Facebook users access the site from smartphones.

  • Update your Facebook cover photo regularly

    Facebook cover photos provide a fantastic opportunity to connect with your target audience , so take the opportunity to update your message regularly.

Every brand and business is unique, so there is no one size fits all solution when it comes to getting a good Facebook cover photo. But there are a few things to consider in order to improve your Facebook game.

Optimize for mobile devices

When we look at our Facebook profiles and change our cover images, we are most often on the desktop, but the vast majority of people browsing Facebook are do it through mobile devices .

This means you need to make sure that your cover art conveys the same message on both desktop and mobile.

Branding

Consistent branding with your Facebook profile is very important as your customers want to know right away that your profile is correct and not a fan/spam account.

Creating a Facebook cover that matches your brand guidelines will build customer confidence. This includes using colors related to your business, ensuring your language is consistent, and repeating the messages you use on your website in your images.

CTA Rule

You found great images. They can be attractive, motivational and viral. But, nothing beats the cover photo of with the call to action. Your cover photo can be used to advertise your sale or a new product you've launched.

No matter what is new to your business, you must encourage your customers to learn more about you.

Test videos and pictures

Video and image testing can help you understand what your customers want . Images may be great for engaging on Facebook, but videos help motivate your customers to visit your site. You will never know what motivates your customers until you test your scenarios.

Make it fun

All images should be created to grab attention, and Facebook cover images should be no exception. Creating images that people want to share with friends and family will mean free distribution and brand promotion by people who love you and your business.

Social proof is much more important than advertising and marketing in today's e-commerce environment!

Facebook Cover Tool

There are many tools that can help you create Facebook covers so you don't have to deal with a designer every time you need a new image.

Below are five of the most popular creation tools on Facebook, so you can start creating right now.

  1. Canva

    Canva is an image creation tool for any platform, but especially for Facebook covers. Their cover templates are also easy to use. You simply choose the layout, images, fonts and colors that suit your brand and you're done!

  2. Adobe Spark

    With Adobe Sparks, you can create stunning Facebook covers for free. This tool helps you create vibrant banners that enhance your brand and engage your audience in seconds. Plus, they look super professional.

  3. Bannersnack

    Bannersnack has tons of templates to get you started, just drag and drop your image and text and get great results in minutes. This free tool also has millions of stock photos and animations.

  4. Fotor

    Create eye-catching Facebook covers with Fotor that express your brand's emotions in just a few clicks. In four easy steps, you can have the perfect asset for your Facebook strategy that will increase the engagement of your followers.

  5. Crello

    Crello lets you create Facebook covers or videos that your followers will love. Their templates offer users inspiration and creativity so they can create resources that would normally be beyond their capabilities. With Crello, you can compete with the bigger brands in your market.

Resume - Facebook Page Cover

Facebook Covers are a fantastic opportunity to promote your brand or deliver a specific marketing message to your target audience.

Remember :

  • Facebook cover photos display at 820 pixels wide by 312 pixels high on desktop and 640 pixels wide by 360 pixels high on mobile devices.
  • It's best to create an image that is 820 pixels wide and 462 pixels high, keeping in mind that on desktop devices, the top and bottom of the photo will be cropped by 75 pixels each.

When creating your Facebook cover, keep these best practices in mind:

  • Grab the viewer's attention with a strong focus image.
  • Focus on the right side of the image to visually balance the layout of the Facebook page.
  • Avoid adding small text or visual details that would be difficult for smartphone users to see.

Finally, after you've created and uploaded your cover image to Facebook, be sure to check how it looks on different devices and make any necessary adjustments. So you can be sure that she will look great for everyone!

The Complete 2022 Facebook Cover Photo Guide: Scale, Sizes, Tips & Samples

Your Facebook cover photo is the first thing people will notice when they see your page. When you're looking to create the best first impression, everything matters: size, content, text, mobile readability, etc.

In this guide, we'll look at Facebook photo and video size rules, templates, and examples. Let's talk about what to do and not to do, and much more, which will help you create the most effective and impressive cover photo and video.

Before we begin: get familiar with the necessary terms

In order for everyone to be on the same wavelength and understand what will be discussed, it is necessary to go through the basic terminology that will be used in this article. You won't find a lot of technical information, but there are some terms you still need to know. So:

  • The photo cover is a space for a panoramic image at the top of the Facebook page, located above the avatar. Business accounts can use it to highlight their products, services, and more.
  • The Safe Zone is a small part of the Facebook cover photo that is always visible on all social networks.
  • A pixel (px) is a constituent element of a digital image, as well as the smallest unit of information. For example, an image might be 640px wide by 512px high, which is easy to see when you zoom in.

  • PNG (portable network graphics or “portable network graphics format”) is one of the most commonly used formats in which image compression is lossless.

Facebook cover photo dimensions

Facebook cover photo is a large high resolution image. But with such a huge number of rules and sizes (covers, avatars, links to photo publications, etc. ), it's hard not to get confused. Here are some specifications:

For desktop users, your cover photo is displayed at 820px wide by 312px high. For those using the mobile version, the photo will be limited to 640px wide and 360px high. If the photo does not fit within the designated frames, it will be automatically resized to fit.

Luckily for Facebook users, all photos are scaled to fit the cover space. Depending on the original dimensions of the image, it will be stretched or cropped. Automatic correction does not distort the image. However, the image may become slightly blurry if it is small and has a low resolution.

The cover photo is the largest image on your page. It can make a good impression of you when you first visit the page, but it can also destroy it. If the selected image does not meet the requirements, then you may experience some difficulties. For example, an image can be "pixelated" as discussed earlier. Also, part of the text may be “cut off” during correction, or the entire layout may look awkward.

Facebook Headline Size: Desktop vs Mobile

As shown in the image below, both the mobile and desktop versions cut off significant portions of the original image. Therefore, it is best to position the main part of the image and text closer to the center. Then you will avoid the risk of losing important information.

Some users are annoyed by the inability to upload different images for mobile and desktop versions. To avoid this problem, you need to choose an image that will fit both formats. The generally accepted size is 820 x 360 px. In the images below, you can see how Facebook automatically resizes the same image that was already created with this fact in mind.

There are more reasons to make your pages mobile friendly. For example, 71% of website visitors are mobile users. Thus, it is very useful to make your content available to all users.

Facebook cover photo sizes

All these rules and sizing requirements make the process of creating a Facebook cover photo very intimidating. To make your task easier, we have collected practical recommendations and the most important tips. There's plenty of room for creativity - all you need to do is make sure that your cover image follows three basic principles:

  • Text – A concise slogan can play an important role in getting attention. Small text serves as an additional way to interact with users and allows you to effectively promote your brand message.

  • Emotions - if you get an emotional response from visitors, they are more likely to remember the content they have viewed. For example, creating a connection between a brand and feelings of friendliness, inspiration, warmth, and happiness has a positive effect on users' purchasing decisions.

  • Relevance – Your cover photo should be relevant to your audience as well as your brand message. Find a balance between making the cover useful for searchers and reinforcing your company's interests.

Once you've mastered these basic principles, you can move on to the rest of the helpful tips. Let's explore practical tips on how to create relevant and visually memorable Facebook covers:

  1. Follow Facebook cover photo requirements
    It never hurts to read Facebook's official requirements. There are no critical consequences for non-compliance, but you don't want to put your Facebook page at risk of being taken down. You can always refer to the official requirements when choosing a photo:
    • Covers are visible to all users.
    • Cover art may not contain false information, be misleading, or violate anyone's user rights.
    • Be sure to check the size requirements before uploading a photo.
  2. Create an eye-catching cover photo

    Whether it's a photograph, a hand-drawn illustration, a stock image, or anything else, make it visually impactful. You can use colors. Color schemes can affect how an audience perceives a picture and creates an impression in different ways. Play with different color combinations to change the tone of your work - they can be bold, sophisticated or romantic, depending on what you're aiming for.
  3. Apply the old 20% text rule
    The old Facebook rule allowed text to be no more than 20% of your cover photo. Although this rule has technically disappeared, the general impression of its usefulness has remained unchanged. If your cover photo will contain text, try to keep it concise.
  4. Choose colors that harmonize with your brand aesthetic

    A single color scheme will bring consistency to all your channels. Treat your Facebook page as an extension of your business. If you have certain colors that are used in your physical and online stores, then you can also use them on various social networks. platforms. In this case, your brand logo will become even more recognizable.
  5. Keep your cover simple and clear

    A neat image grabs users' attention more effectively than an image with lots of detail. Determine exactly what you need to put on the image. Even if you feel like downloading tons of information, don't do it. It also doesn't mean that you have to conform to minimalism. The overall impression should be such that your image becomes recognizable - so the less details it has, the easier it is to remember.
  6. Don't try to put your avatar on the cover photo
    The old Facebook format allowed users to use some tricks to add an avatar to the cover photo. If you come across this advice, please be aware that this feature is no longer available for business profiles.
  7. Promote your current events and products

    Seasonal and current covers can be used as announcements of new products/services/events. In such a discreet and visually pleasing way, you will attract more attention to what you are promoting. If you periodically change the covers, this will keep the audience interested in the content on your page.
  8. Give your action buttons a nice design
    You can try emphasizing call-to-action buttons such as Sign Up or Buy Now. Facebook used to ban designs focusing on these buttons, but that restriction has now been lifted. However, remember that the layout for mobile versions is different.
  9. Experiment with shifting focus to the right

    Facebook's current layouts place the avatar on the left while the cover image takes up all the space on the right. Most of the important elements on your cover can be placed on the right for even alignment. This will give a balanced look and create some extra space.
  10. Include a description in your cover photo that supports your active buttons
    If your Facebook page or marketing campaign has certain active buttons, add them to the description of the new cover. This is another way to keep your feeds consistent. In addition, you can insert a link to your offer so that visitors have direct access to it.
  11. Don't forget mobile users


    As mentioned in the Facebook cover photo size section, you need to keep mobile users in mind when creating your cover. You don't want to lose a huge part of your audience. Once you've settled on a particular image, test it on different devices to see how it performs on different layouts and screen sizes.
  12. Attach a post that matches your Facebook cover photo
    When you have a lot of elements for the same purpose - your cover photo, description, action buttons - you can complete this set with a post on the same topic and attach it. The post will be highlighted at the very top of your wall for 7 days and will contribute to improving conversions.
  13. Use your cover photo to attract more visitors
    Your chances are equal to the amount of time and effort you put into creating your cover photo. Therefore, it should be not only attractive, but also competitive. Of course, you should not write the template "Buy me!" or "Offer ends today!", you can subtly lead to what you want to sell. For example, add a general hashtag, organize a challenge, or something similar.

Mistakes to avoid

As long as you're free to put any image on your Facebook cover, some decisions can have a detrimental effect on the performance of your page. Here are some common mistakes and reasons why you should avoid them:

  • Same cover photo for different purposes. Cover image sizes for Facebook events and Facebook groups are different, so you need to optimize them. Otherwise, inappropriate sizes and resolutions may not fit. And you also need original and recognizable pages, not templates that imitate each other.
  • Too much text. A large amount of text creates information overload in the eyes of the audience. It is best to keep the number of words to a minimum so that the text stands out. Also, try to avoid stretching the text all over the picture.
  • Too many details and clutter. According to the previous point, you do not need a randomly filled picture. To reduce the visual load on the visitor, you'd better get rid of everything that is not essential.
  • Ignore page format. You need to remember the details of your Facebook template. The cover image will be partially cropped with your avatar and your name (desktop), or the edges will not be visible (mobile). Make sure that the text is fully visible in both versions and that the cover does not repeat the image from avatar
  • Template and forgettable images. In the absence of an original custom image, you have no chance of creating a powerful visual impact on visitors. People are browsing a huge amount of content these days, so it's important to grab their attention with something they haven't seen yet. A carefully crafted, unique cover will most effectively communicate who you are.
  • No clearly defined brand. This mistake is another way to make your page less memorable. The custom colors and brand logo contribute to the level of brand awareness. Make sure everything is subtle but unambiguous because users don't really like head-on content.

Perfect Facebook Cover Photo Examples

Many brands are already following the above guidelines. Here are some examples of great Facebook covers you can use.

The first is a graphic design tool that uses its cover image to encourage users to create posts with their hashtag. It combines mutually beneficial colors, elegant design and a clear brand logo. Active buttons with text attract the attention of visitors, but do not put pressure on them with an excess of information.

Next is a TV network that is promoting one of their most popular shows right now. This poster adds relevance to the page and can be used in other social media posts. networks to complement the entire marketing campaign. The colors are very bright and prominent, and there is no detail around the edges, which helps users concentrate better.

Finally, here is an example of how to arrange an image so that it displays correctly on all devices. The cover is right-aligned, which emphasizes the avatar on the left and balances the overall picture. The company specializes in retro style accessories, and the photo suits the concept and atmosphere of the brand.

How to Create a Facebook Cover Photo: A Step-by-Step Guide

Suppose you have an image that you want to crop according to Facebook's requirements. Here's what you need to do.

Step 1. Open the free online editor pixlr.com .

Step 2. Load the image into the workspace.

Step 3. Change the "Borders" box to "Output Size" and set the width and height to 820 and 360 respectively (this is the optimal image size for both desktop and mobile versions). Drag the cropping tool according to how you want to crop the image and hit enter.

Step 4. Go to "File" - "Save As..." and change the format to PNG. Save the image to your computer.

Step 5. Go to your Facebook page. Click "Add Cover" or "Change Cover" in the top left corner and select "Upload Photo".

Step 6. Click on the desired image and save the new cover. Ready!

Facebook cover video

Instead of a cover photo, Facebook business pages now have the option to upload a video cover. The main purpose of this feature is to increase the number of interactions with users. The video format opens up a lot of possibilities for what a brand can share: provide useful information, showcase your product/services, show you behind the scenes, etc.

The Facebook cover video needs to be at least 820 x 312 px, but the recommended dimensions are 820 x 462 px. The resolution can be up to 1080p and the file size must be no larger than 1.75 GB in .mp4 or .mov format. Video length must be between 20 and 90 seconds.

Keep in mind that all videos play in a loop, which means that the video will play continuously until the user leaves the page. Thus, you need to make sure that it starts and ends with a smooth loop, that is, the moment of merging the end of the video with its beginning passes naturally.

The video should not contain anything annoying or too bright, so as not to cause discomfort during repeated viewing. This can create the exact opposite effect of what you would like your cover to achieve. Instead, try to create balanced and engaging content without being too intrusive. Just like with images, brands can present and promote their products, add clickable buttons, add some text, and share their messages with the audience.

Examples of Facebook cover videos

Since the ability to add a cover video has only recently been introduced to Facebook, there aren't too many examples. Nevertheless, we have collected some of the most interesting ones that demonstrate the possibilities of this format.

This monthly magazine uses a cover format to draw attention to its upcoming issue. The video zooms in smoothly enough so that the text remains legible and all the colors used are pronounced. At first glance, it doesn't look like a magazine cover at all, which encourages readers to take the extra time to look closely and figure out what it is.

The following example is an online training platform. The motivational component fits perfectly with the main message of the brand. You can also easily post the video to any other social network. networks.


Learn more