Dos and Don'ts of Facebook Banner Design for Your Business Page
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 template, 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!
Facebook banner design dos and don’ts
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.
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: personal, event, event, or business. If it’s for business, it typically gets called a “Facebook Page Cover” and that’s what we’re focusing on for this article. In the PicMonkey Template picker, 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 sizes
|Event Cover||1200 x 628 px|
|Group Cover||1640 x 856 px|
|Page Cover||1640 x 624 px|
|Personal Cover||1702 x 630 px|
Design your Facebook banner with the safe zone in mind
Your Facebook Page banner size will display at different dimensions depending on if it’s viewed on a desktop or on a 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 stylish, premade designer templates you’ll see that the dimensions are 1640 x 624 px for a page cover. In PicMonkey, we’ve doubled Facebook’s dimension requirements (820 x 312 px) so that your image always looks good.
YouTube banner maker from scratch
Sure, we have a lot of pre-designed 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.
Quick steps for creating a Facebook Page banner from scratch:
Head to PicMonkey.com and click Create New
Choose Blank Canvas, and then Facebook Page Cover
In the editor, experiment with background colors and fonts
Add your own images and logo to the layout
Check out our graphics library to bedazzle your banner
When you’re ready to upload to Facebook, click Export to save to your computer
Upload your finished page cover to Facebook
Create a Facebook Page banner from a template
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 inspiration and ideas.
Quick steps for creating a Facebook Page banner from a template:
Head to PicMonkey.com and select templates.
Browse or search for Facebook cover
Choose the one you want
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.
Add your own images or logo to the layout
Try out a texture or effect on a layer if you wanna
You can browse our graphics library to add visual interest
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 Facebook banner. 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
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
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 ombre 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
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/logo without any overlap if that’s something you are 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. Flatlay & forward: look down to up your message game
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. Flatlay 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 flatlay images on free stock photo sites, or check out these tips on how to ace your own flatlay photography.
5. Clicky & clear: invite interaction to share more info
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/whathaveyou. 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
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 melange of similar graphics, to fill your page banner makes for a fun and eye-catching design.
When people arrive at your Facebook Page, where do you think they'll look first?
I'll give you a few hints. It's a visual piece of content that sits at the top of your Page. Its dimensions are 820 pixels wide by 312 pixels tall. It takes up almost a quarter of the screen on most desktop browsers.
That's right — it's your Facebook cover photo.
A cover photo can transform your Facebook Business Page from a passive repository of your business' activity to an inviting community. Whether you're using Facebook to generate leads, close your next sale, or create a customer network, knowing how to create and optimize your Facebook cover photo will be essential to the success of your Page.
In this post, you'll learn Facebook cover photo best practices with real-world examples of each tip we recommend. To get started, let's dive into Facebook cover photo dimensions.
Facebook Cover Photo Size
Facebook cover photos are 820 pixels wide and 312 pixels tall for desktop, and 640 pixels wide by 360 pixels tall for mobile. If your uploaded image is smaller than these dimensions, Facebook will stretch it to fit, making it appear blurry. To avoid this, ensure the cover photo you upload meets the dimension requirements.
Sometimes called your Facebook banner, this graphic is one of the most noticeable parts of your Page. Facebook sets specific dimensions for cover photos in order to create a standard look across all Facebook Pages no matter what device they're viewed on. Therefore, you'll want to follow Facebook cover photo best practices and optimize your cover photo for the correct dimensions.
When you consider the Facebook cover photo dimensions above, it can be tough to balance creativity with the requirements of the platform. Mobile and desktop screens have different requirements and will display the same cover photo differently. Here's what to look for when optimizing your cover photo for mobile and desktop devices.
How do Facebook cover photos appear on mobile screens vs. desktop screens?
It makes sense that mobile devices would display a smaller version of the cover photo than a desktop screen would, and the image below describes exactly why that happens. As you can see, there's a lot of space around the perimeter of the photo that could be cut off when a visitor is viewing it on a mobile screen vs. a desktop screen if you're not careful with your design.
Therefore, it's best to place the important parts of your content in the green space. Doing this will make sure everyone can see your cover photo properly regardless of the device they're using.
Need help getting started? Below, you'll find Facebook cover photo templates and best practices to guide you when designing your brand's cover photo artwork.
How to Design a Facebook Cover Photo
- Abide by Facebook's cover photo guidelines.
- Make sure your Facebook cover photo is the right size.
- Don't worry about the '20% text' rule.
- Give your cover image a focal point.
- Avoid blending the contents of your cover photo with your profile picture.
- Draw attention to the action buttons on the bottom right.
- Right-align the objects in your cover photo.
- Keep mobile users in mind.
- Include a shortened link in your cover photo description that aligns with your Page CTA.
- Pin a related post right below your Facebook cover image.
1. Abide by Facebook's cover photo guidelines.
It seems like a no-brainer, but following Facebook’s cover photo guidelines is the first step to keeping your Facebook Page visible on the platform. I'd highly suggest reading through the full Page Guidelines, but here are a few important things to keep in mind for your Facebook cover photo:
- Your cover photo is public.
- Cover photos can't be deceptive, misleading, or infringe on anyone else's copyright.
- You can't encourage people to upload your cover photo to their personal timelines.
If you get caught violating the above terms, Facebook could take action against your Page. And while Facebook doesn't explicitly say what will happen if you violate their cover photo guidelines, it'll be pretty inconvenient to have your Facebook Page removed because of a cover photo infraction.
2. Make sure your Facebook cover photo is the right size.
As I mentioned earlier, the Facebook cover photo size is 820 pixels wide by 312 pixels tall for desktop screens, and 640 pixels wide by 360 pixels tall on mobile screens.
After spending time designing the perfect cover photo, the last thing you'll want your visitors to see is a truncated version of it. If you upload an image smaller than those dimensions, Facebook will stretch it to fit the space. That means Facebook may only display a third of the image you designed.
If you want a no-hassle way to make sure your cover photos are the right size, 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 "20% text" rule.
Back in 2013, Facebook removed all references to the 20% rule on text in cover photos, but that doesn't mean you should use a lot of text in your design. The previous rule stated that only 20% of a cover photo could display text. Although this rule might sound restrictive, the sentiment behind it had merit — you want your visitors engaged with visuals, not a wall of text.
If you're going to use text in your cover photo, keep it concise and let the imagery speak for itself. You can see how we struck this balance on HubSpot's Facebook Page below.
For more cover photo inspiration, check out our Facebook Page.
4. Give your cover image a focal point.
Think of your cover photo as the portion of your Page that's "above the fold." If it's distracting or confusing, people will be more likely to click off the Page.
Many of the best Facebook cover photos include a focal point along with a color scheme that aligns with the rest of the brand. Remember, your social media accounts are extensions of your business and they should make a good first impression on visitors.
Great Facebook cover photos also have ample negative space to make the subject, the copy, and the elements unique to Facebook (like the CTA button on Facebook business Pages) stand out even more.
Here's an example of a good use of negative space from The New York Times:
And here's another example from social media management platform Sprout Social:
5. Avoid blending the contents of your cover photo with your profile picture.
With some clever design techniques, you could manipulate your profile picture and cover photo 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 do this on your personal profile, but Facebook no longer sets up Business Pages this way. Now, as shown in the examples earlier in this article, the profile picture is completely separate from the cover photo. So, instead of merging the two photos into one, have them complement each other with similar colors or contrasting patterns while still adhering to your brand guidelines.
6. Draw attention to the action buttons on the bottom right.
You may have noticed in a few of the cover photo examples above that the primary call-to-action (CTA) buttons were different. HubSpot’s CTA button says "Follow," while Sprout Social's says "Sign Up."
Depending on your business, you can launch a Page on Facebook with a unique CTA button to the bottom right of your cover photo. Take the placement of this button into consideration when designing your cover photo.
LinkedIn Learning does this in a subtle way below, placing the graphic of a person on a laptop over the “Sign Up” button, drawing your eye to that blue CTA.
Note: While it might seem like a good idea to add directional cues like an arrow to get people to click on the CTA buttons, note that those CTA buttons don't appear the same way on the mobile app. In other words, it might be confusing to mobile users if you directly integrate the cover photo design with the CTA buttons.
7. Right-align the objects in your cover photo.
Since your profile picture is on the left, you want to add some balance to your Facebook cover photo design by placing the focus of the image on the right.
Take a look at these cover photos. Which one looks more aesthetically pleasing?
Doesn't the right-aligned cover photo look and feel a lot better? In Samsung’s new cover photo, the biggest design elements (the profile picture, the text, and the two phones) are evenly spaced. In Samsung's old cover photo, your attention goes immediately to the left side of the Facebook Page, causing you to miss the name of the product on the upper-right side.
Not only is adding balance a crucial element of design, but it also allows your cover photos to be more visually effective on mobile. This brings me to my next point...
8. Keep mobile users in mind.
Statista reports that 98.5% of Facebook's user base accesses the social network from mobile devices like smartphones and tablets. That's huge — and it's exactly why it's so important to keep mobile users top-of-mind when designing your Facebook cover photo.
On mobile, a much smaller portion of the cover photo is visible. The right side is typically cut out entirely.
Let's take a look at what Cisco's Facebook Page looks like on a desktop browser versus on Facebook's mobile app.
It’s important to note that the text in Cisco’s cover photo doesn't appear. While right-aligned visual elements look great, be careful not to put important content so far to the right that it gets cut off when being viewed on a mobile device.
9. Include a shortened link in your cover photo description that aligns with your Page CTA.
If you want to use your cover photo to support a Page CTA, make sure your cover photo description also includes a text CTA and links to the same offer. This way, any time people view your cover photo by itself, they can still access the link.
Here's this practice in action on the Adobe Creative Cloud Facebook Page:
Pro tip: Shorten your links and add UTM codes to track the visitors who view your cover photo and click the link in the description. Shortening and tracking features are available in HubSpot's Marketing Hub and with tools like Bitly.
(If you want to learn more about how to write effective call-to-action copy for your cover photo description, download our free ebook on creating compelling CTAs.)
10. Pin a related post right below your Facebook cover image.
Pinning a post allows you to highlight a typical Facebook post at the top of your Timeline. It's signified by a PINNED POST title on the top right of the post, like 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 photo design, and your cover photo description copy, you should also make sure to post about the same thing directly to your Page and pin that post to the top of your Timeline.
That way, your visitors have one very clear call-to-action when they land on your Page (albeit in several different locations) — which will give them more opportunities to convert.
How to pin a Facebook post:Publish the post to Facebook, then click the three dots on the top right corner of the post and choose Pin to Top of Page.
Facebook Cover Photo Sizes that Work for Your Business
Choosing the right cover size for your Facebook Page may seem simple, but it can have a huge impact on users and prospects visiting your Page. An ill-fitting cover photo or video can look unprofessional and give the wrong impression about the quality of your products or services.
With the tips in this article, you have the information you need to create a Facebook cover photo that embodies your brand and engages users on the platform.
Editor's note: This post was originally published in July 2020 and has been updated for comprehensiveness.
Facebook cover photo maker
Use Creatopy to design a Facebook photo cover that makes a great first impression. Start with the right size every single time to create a professional looking cover that will keep your customers engaged.
A better way to make a Facebook photo cover
Our intuitive drag and drop editor enables you to start designing Facebook cover pictures right away and not get stuck in complicated workflows.
With the auto resize tool, you can design multiple sizes based on the same Facebook header and use them on other social media platforms.
Generate an entire design set, edit your sizes simultaneously, and scale up your creative production.
All in one Facebook cover maker
Get access to up to 20 million high-quality Shutterstock images that you can use as a background in your visual and customize as you like.
Add a special touch to your cover by using unique illustrations created by our talented in-house designers.
Masks and shapes
Get creative and use shapes or masks on your design to make an element stand out or emphasize your message.
Choose one of our beautiful font pairings, make sure it goes hand in hand with your cover art, and then just edit the text.
Save your brand assets in your Brand Kit, so you have your logo, font, color palette, and other imagery on hand at all times.
Download your work in PNG or JPG retina-ready format to make sure it looks pixel-perfect on all screens and devices.
How to make a Facebook cover photo
After you select the Facebook cover size from the dashboard, get yourself some inspiration. Go through our library to find a template that matches the design you want to create. Creatopy makes it easy to search for a layout that matches your intent.
Customize the cover
Use Creatopy's cover photo maker and take advantage of its complex library to personalize your design with high-quality stock photos, icons, shapes, masks, and more. Add or replace creative elements to give that personal touch to your visual.
After you included all the elements you wanted, it's time to brand your design. Thanks to the Brand Kit, you can easily access all your brand's visual assets, such as font, color palette, logo, imagery and more. Replace the logo, change the font, and use the color shuffle option to brand your template in just a few clicks.
Download the cover
Once you're happy with how your Facebook cover photo collage turned out, download it in JPG or PNG format. You can choose any scale between 0.5X and 4X. Use the 2X scale if you want your cover to be retina-ready.
Let's not forget about the costs
Because great Facebook cover design doesn't have to be expensive
Short learning curve
Enable seamless collaboration between team members with a Facebook cover maker tool that is easy to learn and use. No onboarding is necessary. Simply create an account and start designing your perfect Facebook cover photo collage.
Per seat pricing model
You can scale your creative production process to your specific needs with the our friendly pricing plan. Design Facebook covers alone or create a team, establish roles and rights, and tailor the workflows exactly as you need them to be.
7-day free trial
Feel free to explore our Facebook cover maker down to the smallest details using the 7-day free trial available for all premium plans. Find out how easy it is to make design a professional Facebook header in Creatopy.
Let us guide your design process
Design your next cover in Creatopy and explore the numberous ways in which you can customize it. Go beyond and see how our automation tools and collaborative environment can improve your creative process.
Facebook Cover Photo Maker
Creating eye-catching Facebook cover photos for your page has never been easier. Fotor’s Facebook cover photo maker online offers you a variety of free Facebook cover photo templates, fonts, and everything else that you will need to make professional-grade FB cover photos. Start from the template, and then customize your Facebook banner in just a few clicks.
Making Facebook Cover Photos Super Easy
Fotor’s Facebook cover photo maker provides so many free and well-designed Facebook cover photo templates for you to use and customize. You just need to drag and drop one Facebook cover photo template that you like in Fotor, DIY it, and then quickly edit it with your own style. You don’t need to be a professional design artist, need a big budget, or spend your time worrying about suiting Facebook cover sizes anymore. Start creating outstanding Facebook wallpaper for your page today!
Customize Your Facebook Banners
By using Fotor you don’t only get access to professional pre-made Facebook cover photo templates, but there are also so many excellent design elements that are waiting for you such as backgrounds, shapes, sticks, and fonts. You can change the background with your own photos, add text, and include stickers onto your design. All these features will help you explore your creativity and create an amazing visual look for free.
All-in-One Facebook Graphic Design Maker
Fotor is not just providing the best online Facebook cover photo maker, but also the best photo editor and collage maker. With a whole range of options such as photo effect, stickers, resize, and text. These features will allow you to make Facebook banner ads, Facebook posts and Facebook timeline covers comprehensively. Try them out to enhance your visual perfection and to create an amazing effect now.
How to Create an Awesome Photo
- Open Fotor and click “Create a Design” and choose the “Facebook Cover” layout.
- Then, you can choose from hundreds of preset Facebook cover photo templates to get your design off the mark.
- Or upload your photos, drag and drop the photo into canvas, design your own from scratch.
- Modify and design, customize by choosing texts, fonts, stickers, patterns, textures, and background designs. Remember to manage your overlays to maximize your cover's visual impact.
- Save your Facebook cover, then choose the format and size that you need. You also can share it on your social media directly.
Facebook Cover Photo FAQs
What is the size of Facebook cover photos?
For computer and desktop, the ideal cover photo is 820 pixels wide by 312 pixels tall. For Facebook cover photo mobile, the ideal size is 640 pixels wide by 360 pixels tall. If you want to use a perfect single image that matches both computer and smartphone covers combined, try using an image with 820 pixels by 462 pixels. This is a handy way to avoid Facebook automatically adjusting your cover photos to less than the required dimensions and as a result making it blurry. Optimize your Facebook cover with the correct size. Try our Facebook cover photo creator now and forget about that worry.
What are the best inspired quotes to use on a Facebook cover photo?
- “That which does not kill us makes us stronger.”
- “Do what you can, with what you have, where you are.”
- “Be yourself; everyone else is already taken.”
- “If you cannot do great things, do small things in a great way.”
- “Believe and act as if it were impossible to fail.”
Come create your own powerful Facebook cover photo with these inspirational quotes in Fotor’s Facebook cover photos maker now!
How to get Facebook cover photo ideas?
The Facebook cover photo is the most important part of your profile page. In order to grab people’s attention quickly, amazing Facebook cover photo ideas are very necessary. Go check out Fotor’s Facebook cover design templates and you will find loads of banner ideas for topics such as fashion, travel, food, etc. Keep searching and catch more inspiration in seconds!
What Our Users Say about Fotor
Fotor.com is always my go-to software for designing, editing, and collage needs! The templates are all catered to the type of design you are trying to create and the inspiration is endless. It is also incredibly user-friendly!
I really love Fotor. It has made design very accessible for me and has allowed me to improve. Because of Fotor, I've been able to launch a new arm of my side-business. It also gave me the motivation I need to learn more about design and improve my skills.
Fotor has been very useful in both my personal and professional life. It's a great photo editing tool, collage maker, and more with applications, I use often like flyers, programs, and announcements. It's one of my most used creative tools on my pc and sometimes on my phone. (There's an app).
Design banner facebook
.burger banner design in photoshop Facebook Cover Burger banner Web Banner Fast food Banner
You will also like:
- Lg tablet 2014
- Flower imdb
- Gloveworks hd industrial orange nitrile
- Grinding bit
- Black ops 2 zombie hacks
- Square plant pot
- South coast closeouts
- Angled barbell
- Starbucks coffee stopper
- Enterprise program manager salary