How to size & design your facebook cover photo or video

      167

I"ll give sầu you some hints. It"s a visual piece of content that sits at the top of your Page. Its dimensions are 8trăng tròn pixels wide by 312 pixels tall. It takes up almost a quarter of the screen on most desktop browsers.

Bạn đang xem: How to size & design your facebook cover photo or video

That"s right — it"s your Facebook cover photo lớn.

*

Sometimes called your Facebook banner, this graphic is one of the most noticeable parts of your Page. It"s therefore crucial that you follow Facebook cover photo best practices và optimize your cover photo for the right dimensions.


Facebook Cover Photo lớn Size


Facebook cover photos are 8đôi mươi pixels wide & 312 pixels tall for desktop, & 640 pixels wide by 360 pixels tall for điện thoại. If your uploaded image is smaller than these dimensions, Facebook will stretch it to fit, making it look blurry.


A cover photo can take your Facebook Business Page to the next level. Whether you"re using Facebook to lớn generate leads, cthất bại your next sale, or create a customer community, knowing how to lớn make and optimize your cover photo lớn is very important. And when you consider the Facebook cover phokhổng lồ dimensions above sầu, it can be tough khổng lồ balance creativity with the requirements of the platkhung.

*

As you can see from the figure above sầu, there"s a lot of space that you can risk cutting off of your final cover photo lớn thiết kế depending on where your audience is viewing the page — Mobile or desktop.

Therefore, it"s best khổng lồ focus the brunt of your nội dung in that green space, where everyone can see your cover phokhổng lồ regardless of the device they"re using.

Need help getting started? Below, you"ll find Facebook cover photo templates, và just as many best practices to lớn guide you when designing your brand"s banner artwork. At the bottom of this post, find out how lớn turn your cover photo into lớn a cover đoạn Clip, và kiểm tra out a few examples to lớn see what others have done.


Free Templates

11 Facebook Cover Photo Templates for Businesses

Tell us a little about yourself below lớn gain access today:


Facebook Cover Phokhổng lồ Best Practices

1. Do abide by Facebook"s cover photo lớn guidelines.

It seems like a no-brainer, but obeying Facebook’s cover photo lớn guidelines is crucial to your Facebook Page existing in the first place. I"d highly suggest reading through the full Page Guidelines, but here are a few important things to keep in mind for your Facebook banner:

If you get caught violating the above sầu terms, Facebook could take action against your Page. And while Facebook doesn"t explicitly say what will happen if you violate their cover phokhổng lồ guidelines, it"s probably not smart to get your Facebook Page taken down over a cover photo lớn infraction, so read the guidelines in full và adhere khổng lồ them.

2. Do make sure your Facebook cover photo size is right.

As stated at the beginning of this article, the best Facebook banner size is 8đôi mươi pixels wide by 312 pixels tall for computers, and 640 pixels wide by 360 pixels tall on sản phẩm điện thoại devices.

You don"t want to lớn spkết thúc all this time designing a cover pholớn only khổng lồ have it look weird when you upload it to Facebook.

If you upload an image smaller than those dimensions, Facebook will stretch it khổng lồ fit the right kích cỡ, as long as it"s at least 399 pixels wide và 150 pixels tall.

If you want a no-hassle way khổng lồ make sure your cover photos are the right kích thước, download our pre-sized template for Facebook cover photos.

Featured Resource: Facebook Cover Photo Templates

Download the Free Templates

3. Don"t worry about the old "20% text" rule, but still try khổng lồ stay visual.

Bachồng in 2013, Facebook removed any reference to lớn the 20% rule on text in cover photos ... but that doesn"t mean you should go wild with using text in your thiết kế. The previous rule said that only 20% of your cover pholớn could be text. Personally, I thought that was way too restrictive for marketers, but the sentiment behind the rule was a good one.

If you"re going khổng lồ use text in your cover photo lớn, keep that text concise. Your pholớn will be much more informative và engaging. You can see how we"ve sầu tried to lớn strike that balance on thangvi.com"s Facebook Page below.

*
Want khổng lồ see how thangvi.com uses Facebook? Like our Facebook Page here.

4. Do give your cover image a focal point và colors that match your brand.

Think of your cover photo as the portion of your Page that"s "above sầu the fold." If it"s distracting or confusing, people will be more likely to lớn click off the Page.

Many of the best Facebook cover photos include a centerpiece khổng lồ focus visitors" attention, along with a color scheme that aligns with the rest of their brand. Rethành viên, your social media accounts are extensions of your business, và should give that impression to visitors right away.

They also use negative white (i.e., empty) space as an advantage to make the subject, the copy, & the elements chất lượng khổng lồ Facebook (lượt thích the CTA button on Facebook business Pages) stvà out even more.

Here"s an example from The New York Times:

*

And one from social truyền thông media management platform Sprout Social:

*

5. Don"t try lớn blend the contents of your cover pholớn with your protệp tin picture.

With some clever design tweaks, you used khổng lồ be able lớn manipulate your profile picture & cover phokhổng lồ so they appear as if they"re two parts of the same canvas.

One of Paris" old cover photos is a great example of this:

*

You can still vày this on your personal protệp tin, but Facebook no longer sets up Business Pages this way.

Now, as shown in the examples earlier in this article, the protệp tin picture is completely separate from the cover photo.

We admire your creativity, but don"t prepare your kiến thiết this way if you haven"t yet launched a Business Page.

6. Do draw attention to the action buttons on the bottom right.

You might"ve noticed in a few of the cover pholớn examples above that their primary call-to-action (CTA) buttons were different. thangvi.com’s says "Send Message," while Sprout Social"s says "Sign Up."

Depending on your business, you can launch a Page on Facebook with a quality CTA button khổng lồ the bottom right of your cover pholớn. Take this button into lớn consideration when designing your cover phokhổng lồ, và make it clear in the pholớn that this is a visitor"s next step.

LinkedIn Learning does this in a subtle way below, placing the graphic of a man on a máy tính xách tay over the “Sign Up” button, drawing your eye lớn that call-to-action.

*

Note: While it might seem lượt thích a good idea lớn add directional cues lượt thích an arrow lớn get people lớn cliông chồng on the CTA buttons, note that those CTA buttons don"t appear the same way on the thiết bị di động ứng dụng. In other words, it might be confusing to lớn mobile users if you directly integrate the cover photo design with the buttons.

I"ll show you how Business Pages look on sản phẩm điện thoại devices in just a minute.

7. Do right-align the objects in your cover photo lớn.

Since your protệp tin picture is on the left, you want khổng lồ add some balance to your Facebook cover photo lớn thiết kế by having the focus of the image be on the right.

Take a look at these cover photos. Which one looks more aesthetically pleasing?

Right-aligned focus:

*

Left-aligned focus:

*

Doesn"t the right-aligned cover phokhổng lồ look better? In Samsung’s new cover photo lớn, the biggest design elements (the protệp tin picture, the text, và the two phones) are evenly spaced. In Samsung"s old cover phokhổng lồ, your attention goes immediately lớn the left side of the page, completely missing the name of the product on the upper-right side.

Not only is adding balance a crucial element of design, but it also allows for your cover photos khổng lồ be more visually effective on điện thoại. Which brings me to my next point ...

8. Do keep Mobile users in mind.

Xem thêm: Tìm Việc Làm Buổi Tối Tại Hồ Chí Minh, 5 Việc Làm Thêm Buổi Tối Cho Dân Văn Phòng!

Statista reports that 98.3% of Facebook"s user base accesses the social network from di động devices like smartphones & tablets. That"s huge — & it"s exactly why it"s so important khổng lồ keep mobile users top-of-mind when designing your Facebook cover photo lớn.

On Smartphone, a much larger portion of your cover photo lớn is blocked out. The right side is typically cut out entirely.

Let"s take a look at a real-life example. Below, kiểm tra out what Cisco"s Facebook Page looks lượt thích in a desktop browser versus on Facebook"s di động phầm mềm.

Desktop:

*

*
Whereas your cover phokhổng lồ displays at 8trăng tròn pixels wide by 312 pixels tall on desktop, it displays only 640 pixels wide by 360 pixels tall on smartphones. Take a look at this Facebook help document for more information.

It’s important lớn note that the text in Cisco’s cover photo is completely cut off. While it looks best to lớn right-align your visual elements, be careful not to lớn put important content so far lớn the right that it gets cut off on điện thoại.

9. Do include a shortened links in your cover phokhổng lồ mô tả tìm kiếm that aligns with your page CTA.

If you want khổng lồ use your cover phokhổng lồ to lớn tư vấn a Page CTA, make sure your cover photo mô tả tìm kiếm also includes a text CTA & links to the same offer. This way, any time people view your cover phokhổng lồ directly, they can access the links.

Here"s this practice in action on the Adobe Creative Cloud Facebook Page:

*

Make sure you shorten your liên kết & add UTM codes so you can traông xã clicks on them. Shortening and tracking features are available in Marketing Hub and in tools like bitly.

(If you want khổng lồ learn more about how lớn write effective sầu call-to-action copy for your cover pholớn mô tả tìm kiếm, click here lớn tải về our không tính tiền ebook on creating compelling CTAs.)

10. Do pin a related post right below your Facebook cover image.

Have you ever "pinned" a post lớn your Facebook Page"s Timeline? Basically, pinning a post allows you lớn highlight a typical Facebook post on the top of your Timeline for seven days. It"s signified by a “PINNED POST” title on the top right of the post, lượt thích on Behance’s Page below:

*

How does this relate to optimizing your Facebook cover photo? Well, if you"re spending time aligning your Facebook Page CTA, your cover pholớn thiết kế, and your cover pholớn description copy, you should also make sure to lớn post about the same thing directly khổng lồ your page, và pin that post to the top of your Timeline.

That way, you"re giving people one very clear call-to-action when they arrive sầu lớn your page (albeit in several different locations) — which should help conversions.

To pin a Facebook post: Simply publish the post khổng lồ Facebook, then cliông chồng the three dots on the top right corner of the post và choose "Sạc khổng lồ Top of Page."

*

11. Do consider publishing a Facebook cover video.

You read that right. Facebook Business Pages now have sầu the option lớn add a đoạn phim in lieu of a static cover photo, provided they meet certain requirements.

Let’s go over how you can vị that.

Post a Facebook cover Clip by first saving a video clip file at 8đôi mươi pixels wide by 312 pixels tall to lớn your desktop.

Next, upload that video khổng lồ your Page’s video clip library.

*
Facebook will only let you choose a đoạn phim that fits its dimension requirements. The platsize currently supports cover videos that are between đôi mươi and 90 seconds long, and a minimum of 8đôi mươi pixels wide by 312 pixels tall. The maximum (& recommended) form size is 8đôi mươi by 462 pixels with a đoạn phim resolution of 1080p.

After uploading the Clip, cliông chồng "Edit" at the bottom right of your cover pholớn, and select “Choose from Videos."

*

Piông xã the đoạn Clip you’ve sầu just uploaded và reposition it so that it focuses on the element you’d lượt thích to lớn highlight.

When you cliông xã “Next,” you"ll be asked to lớn select from 10 thumbnails for your đoạn phim. Choose the one that works best.

Keep in mind that Facebook cover videos play on a loop — once it ends, it automatically starts over if the viewer is still on your Facebook page. With that in mind, make sure whatever you post is pleasant if seen more than once. Extreme, action-packed videos might appear exhausting when played over & over.

Facebook Cover Video Examples

Cover videos are a terrific option for the video-inclined, and brands across numerous industries have sầu already taken advantage of it lớn hold their visitors" attention.

Here are some great cover videos to lớn inspire you.

REI

REI sells outdoor equipment for activities like camping, hiking, running, boating, & biking. The company"s subtle cover đoạn Clip reflects its products, all in one peaceful time lapse of the scenery it knows its audience craves.

*

Image Source

Nokia

Notê wants khổng lồ be everywhere its users are — whether they"re paddle-boarding, scutía diving, skateboarding, or working. Its Facebook cover Clip embodies its core customer in a visually pleasing way.

*

Image Source

WIRED Magazine

When your publication changes as fast as the news cycle, it can be hard to keep your readers focused on the stories you feel deserve sầu extra attention. WIRED Magazine uses its Facebook cover đoạn Clip for just this purpose, as shown in the example below.

*

Image Source

thangvi.com Academy

Alright, maybe we"re biased, but our brilliant creative sầu team crushed it with the video clip below, made for thangvi.com Academy. Sometimes, animation is the best way to capture the essence of your brand.

*

Image Source

Next, let’s look at some examples of what Facebook cover videos look like when you’re logged into lớn the platsize.

Blaông chồng Girl Sunscreen

Blachồng Girl Sunscreen makes us feel all the good things with its Facebook cover Clip. In it, the brand shows its customers enjoying the sun, making us wish that summer were here (or that it would last forever).

*

Image Source

Grammarly

Grammarly is a tool for error-checking articles, emails, and any other written documents. The company"s subtle cover đoạn Clip reflects how smooth its customers’ writing will be after they run it through the Grammarly program.

*

Image Source

The Sip

The Sip is a Black-run & woman-owned Facebook community dedicated lớn promoting self-care & social awareness. The br& uses a đoạn Clip lớn present the topics that they cover in their platform, which invites users to lớn stay on the page và engage.

*

Image Source

Sprout Social

Sprout Social allows brands to lớn manage their social media profiles in one platform. Its Facebook cover Clip shows four different bubbles that signify the writing, posting, reporting, và analyzing of social truyền thông media posts in a single box. In this way, Sprout Social shows exactly how its tool works.

*

Image Source

Sundays Studio

This woman-owned nail care brvà uses its cover video to show how customers feel once they step into lớn a Sundays salon làm tóc — or wear Sundays nail polish.

*

Image Source

ComicBook.com

ComicBook.com is a news trang web covering everything that’s related to lớn movies, shows, and pop culture. In its Facebook cover đoạn Clip, it gives viewers a taste of the topics, movies, & actors the publication covers on a daily basis.

*

Image Source

Stasher

Stasher appeals to lớn eco-conscious buyers with a fun, animated Facebook cover đoạn Clip that shares how your purchase impacts the planet.

*

Image Source

As you can see from these examples, your đoạn phim should be just as simple as a cover phokhổng lồ. Keep in mind that the same guidelines outlined in best practice #1 apply khổng lồ cover videos as well.

Facebook Cover Photo Sizes that Work for Your Business

Choosing the right cover form size for your Facebook Page may seem simple, but it can have sầu a huge impact on users and prospects visiting your Page. An ill-fitting cover phokhổng lồ or video can look unprofessional và give the wrong impression about the unique of your products or services. With the tips I’ve shared, you’ll be sure khổng lồ choose a Facebook cover photo lớn that embodies your br&, conveys chất lượng, & engages users on the platkhung.

Editor"s note: This post was originally published in July 20đôi mươi and has been updated for comprehensiveness.