Facebook Cover Images: Dimensions July 2014

Have you taken a look at your Facebook business page lately – not just on your desktop computer or tablet but also via your smartphone?

Facebook now (Q1 2014) has more than a billion monthly active users who visit the site via mobile device, representing 79% of total Facebook active users, so if your Facebook page doesn’t look as smart as it should on mobile, you just could be discouraging three-quarters of your prospective customers/followers.

Facebook Cover Image Dimensions Have Changed

The most important visual element of your Facebook page is your Cover Image, which sits at the top of the page welcoming visitors. Below, you’ll see the real estate you have to play with (we’ve borrowed a template from these fine folks and added a few extra bits and pieces of our own).

Facebook-cover-image-July-2014

Looks complicated doesn’t it? The key point that you need to note is that the true active area that you have to play with (the area that should be safe on both mobile and desktop) is just 563 pixels wide by 175 pixels deep.

True Active Area Facebook Cover image

Yes, it’s a relatively small proportion of that seemingly glorious cover space, 851 pixels by 315 pixels, but the rest of your image is at risk of being covered by your profile photo, the title or category of your page or the like, follow and message boxes (except of course for the left and right-hand sides of the image, which simply won’t be displayed on mobile).

You still need to surround that active area with other imagery that reflects your brand values – but understand that most of that real estate is likely to vanish. A mobile visitor will never see it, while a desktop traveller may see only some.

Facebook Cover Images: Before And After

Here (gulp!) is what our Netmarketing Courses Facebook page, optimised for Facebook’s 2013 design, looked like under these new design parameters. Note that our subtitle “online training courses for businesses” was partly obscured by the profile picture.

desktop view 2013 Facebook cover image

The mobile view was far worse:

mobile view Facebook page 2013 version

So we gave our cover image an extreme makeover, shedding many of the design elements in favour of a centred logo, with the result below. It won’t win any awards but at least it communicates what we do (and we’re no longer losing any of the information featured in the image).

desktop view 2014 Facebook cover image

 

A quick look at the page on mobile shows that we’ve achieved our branding goals there as well.

mobile view 2014 Facebook cover image

It’s time for you to take another look at your Facebook page (start with your mobile device, ideally through the dedicated Facebook app) and see if you still scrub up as well as you should.

Michael Carney Written by: