Size Of Facebook Banner

Size Of Facebook Banner: Considering that our last article for the Facebook Timeline Banner was so prominent, we're offering an update due to the fact that the avatar image dimension has actually altered a little. We also had some skeptics regarding the suitable property size so we've provided a brief write up regarding how we reached the dimensions that Facebook has set.

Size Of Facebook Banner.

What has altered considering that the last Facebook banner?

The only change is the avatar, it has actually risen in size so the PSD has actually been updated.

Just what are the dimension of the banner?

In brief 851 x 315 pixels.

Just how did we calculate that you ask? With both a mix of display capture, setting out the grid in Photoshop and go across referencing Facebooks CSS from the div they title "coverImage".

From looking at the CSS they appoint the width as 851 pixels, simple sufficient. There is a 1 pixel stroke around that's black and also readied to 30% opacity. The elevation is established to 315 pixels but they additionally established a -1 px upright setting making it 814 pixels (visible).

Find out more.

Stick out among the competition and showcase your creative abilities. We reveal you just how to use the Facebook banner size to the max.

Size Of Facebook Banner

In this post, we'll give you the Facebook banner dimension and also various other basic suggestions to assist you to develop a Facebook cover image that will wow your pals, clients as well as colleagues.

The option on Facebook to add a banner to illuminate your account or follower page uses an outstanding possibility to creatives as well as companies to showcase their style smarts as well as placed a smile on individuals's faces.

Nonetheless, Facebook banner dimension is repaired and there are strict guidelines about just what appears in a banner. So initially we'll consider the most vital guidelines you should follow, and afterwards we'll have a look at other layout factors to consider to take into consideration when producing your banner.


01. Avoid copyright violation

Prevent copyright violation by featuring your very own art work, as Myriam Heneine has actually done to terrific effect on her Facebook banner (

Facebook guidelines - in addition to the law generally - determines that you should stay clear of using images that are not yours when you develop a Facebook banner.

If you think of it, this isn't the most awful point in the globe: you desire your Facebook web page to be unique, so you could also utilize a special photo. And you definitely don't desire a public conflict appearing with the owner/creator of the initial image.

02. No contact us to activity.

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

03. No sales pitch.

Brilliant use imagery could make your sales pitch all its own, without breaking Facebook's regulations, as demonstrates.

Officially, you're not enabled to state a price, a promo or a special deal on your banner. I have actually seen a great deal of ecommerce internet sites flouting this guideline and seemingly escaping it, but it most likely best to avoid anyway - besides, a picture deserves a thousand words ...

04. No contact info.

Facebook won't permit you to place your get in touch with details - e-mail, telephone number, address and so on - on the banner. These have to be discussed in the About area of your web page.

Style suggestions.

Since you understand the dos and do n'ts of creating a Facebook banner design, allow's take a look at just what you could do to make it excellent looking ...

05. Facebook banner size.

Illustrator Benjamin Lacombe takes advantage of Facebook banner size to promote his job.

First of all, make sure you create a banner with the best size. Facebook banners are 851 x 315 pixels. If you do not produce a banner with these exact measurements, when you'll post it, Facebook will ask you to adjust the image to the web page, and you might finish up chopping an integral part of the image.

06. View out for image resolution.

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

07. Write your page's name.

Design studio AKQA has actually made its name the main focus of its Facebook banner.

You may not be allowed to include advertising and marketing info when you create a Facebook banner, but you could include your name, or the name of your organisation. The first thing your fans will certainly see is the banner, so creating your name noticeably will aid make an instant impact.

08. Harmony.

Do not just select a generic picture that might suitable for any kind of activity: aim to fit your banner to your page's style. Way too many business choose common way of living shots, which is unlikely making people remember your web page. So if you run a cake shop, ask yourself whether your Facebook banner could fit the web page of a gardening service. If the response's yes, you might wish to think about upgrading.

09. Be innovative.

Copywriter Giuseppe Draicchio shows creative thinking as well as humour on his Facebook account (

If you're a great digital photographer or illustrator, showcase your best job. If you're a designer, do not be reluctant to invest a little time on this style - it's worth it in the future. Facebook banners are a great area to show skills and also creative thinking. For some people it will be first, as well as potentially only time they link with you or your brand name online - you have to take advantage of it!

10. Keep it fresh.

Computer system Arts publication updates its banner picture on a monthly basis to the current cover image.

If individuals are likely to see your Facebook web page on a routine basis, think about varying the material of your banner typically to maintain points fresh.

As an example, our sis publication and also Computer system Arts both update their Facebook banners to integrate the current cover image every single time a brand-new concern comes out. Likewise, the Creative Bloq Facebook banner picture modifications every Monday, as we release a brand-new free, downloadable wallpaper.

Added by: Mylène Boyrie. Mylène Boyrie is a freelancer from Bordeaux, France, concentrating on print and digital style. Follow her on Twitter.

Do you or your layout service have a creative Facebook banner? Tell us regarding it in the remarks!