Web design Feature

Facebook banner size and 10 tips to make it stand out

Stand out amongst the competition and showcase your creative skills. We show you how to utilise the Facebook banner size to the max.

The option on Facebook to add a banner to brighten up your profile or fan page offers an excellent opportunity to creatives and agencies to showcase their design smarts and put a smile on people's faces. In this article, we'll give you some basic tips to help you to create a Facebook banner that will wow your clients and colleagues. Facebook banner size is fixed and there are strict guidelines as to what appears in a banner. So first we'll look at the most important guidelines you need to follow, and then we'll take a look at other design considerations to take into account when creating your banner.

GUIDELINES

01. Avoid copyright infringement

Create a Facebook banner
Avoid copyright infringement by featuring your own artwork, as Myriam Heneine has done to great effect on her Facebook banner (https://www.facebook.com/myriam.heneine)

Facebook guidelines - as well as the law in general - dictates that you must avoid using images that are not yours when you create a Facebook banner. If you think about it, this isn't the worst thing in the world: you want your Facebook page to be unique, so you might as well use a unique image. And you certainly don't want a public dispute erupting with the owner/creator of the original image.

02. No calls to action

You're not allowed to add a call to action on your banner (i.e. please click/like/share/buy/download/...). Adding an arrow directed towards the like button is similarly off limits.

03. No sales pitch

Create a Facebook banner
Clever use of imagery can make your sales pitch all its own, without breaking Facebook's rules, as www.facebook.com/carriemelondon demonstrates

Officially, you're not allowed to mention a price, a promotion or a special offer on your banner. I've seen a lot of ecommerce websites flouting this rule and seemingly getting away with it, but it probably best to avoid anyway - after all, a picture is worth a thousand words...

04. No contact information

Facebook won't allow you to put your contact information - email, phone number, address and so on - on the banner. These must be mentioned in the About section of your page.

DESIGN ADVICE

Now that you know the dos and don'ts of creating a Facebook banner design, let's look at what you can do to make it great looking...

05. Facebook banner size

Facebook banner size
Illustrator Benjamin Lacombe makes the most of Facebook banner size to promote his work

First of all, make sure you create a banner with the right size. Facebook banners are 851 x 315 pixels. If you don't create a banner with these exact dimensions, when you'll upload it, Facebook will ask you to adjust the picture to the page, and you may end up cropping an important part of the picture.

06. Watch out for image resolution

Facebook lowers the resolution of your images when you upload them. So if you want to avoid displaying a fuzzy banner, it's best to play around with different settings when exporting them for the web.

07. Write your page's name

Create a Facebook banner
Design studio AKQA has made its name the central focus of its Facebook banner

You may not be allowed to add marketing information when you create a Facebook banner, but you can add your name, or the name of your business. The first thing your fans will see is the banner, so writing your name distinctly will help make an instant impression.

08. Harmony

Don't just choose a generic photo that could fit for any activity: try to fit your banner to your page's theme. Too many companies settle for generic lifestyle shots, which is unlikely to make people remember your page. So if you run a cake shop, ask yourself whether your Facebook banner could fit the page of a gardening business. If the answer's yes, you might want to consider redesigning.

09. Be creative

Create a Facebook banner
Copywriter Giuseppe Draicchio shows creativity and humour on his Facebook profile (www.facebook.com/giuseppe.draicchio)

If you're a great photographer or illustrator, showcase your best work. If you're a designer, don't hesitate to spend a little time on this design - it's worth it in the long run. Facebook banners are a great space to show skills and creativity. For some people it will be first, and possibly only time they connect with you or your brand online - you have to make the most of it!

10. Keep it fresh

Create a Facebook banner
Computer Arts magazine updates its banner image every month to the latest cover illustration

If people are likely to visit your Facebook page on a regular basis, consider varying the content of your banner often to keep things fresh. For example, our sister titles .net magazine and Computer Arts both update their Facebook banners to incorporate the latest cover illustration every time a new issue comes out. Similarly, the Creative Bloq Facebook banner image changes every Monday, as we release a new free, downloadable wallpaper.

Words: Mylène Boyrie

Mylène Boyrie is a freelancer from Bordeaux, France, specializing in print and digital design. Follow her on Twitter.

Liked this? Read these!

Do you or your design business have a creative Facebook banner? Tell us about it in the comments!

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

Social tabs

47K and
growing
Join our Facebook community

Discuss your projects. Win prizes. Get your hands on the best freebies. And much more!

115K across the
network
Follow us on Twitter

Follow us to keep up with the hottest news in 3D, web design, graphic design, and more!

RSS INSTANT
NEWS
Get instant news

Get our posts direct to your news reader of choice. We recommend Google Reader for beginners.

Get our newsletter!

Sign up to receive a summary of the week's hottest design news from around the web! (Coming soon.)

site stat collection