So, it seems that Facebook has changed again! I'm not sure exactly when they made this change, but today I've discovered that the cover image (across the top of your profile or business page) requires to be set at new dimensions in order to ensure it displays well in both mobile and desktop views. So, I've not written anything in a while but I thought this might be a useful subject to jump on my blog and explain!
It appears that current cover images are fine, so it's only an issue if you go to replace or update your cover image, which is how I've been caught out! You might have noticed my cover image changing a few times today whilst I figured it out - sorry if I've been clogging up your newsfeed!
Anyway, I've now got the sizes worked out and have created a graphic that I hope will help you create your own facebook cover images that look great either on a mobile device or a desktop computer.
You need to set up the image at 820 x 340 px, but you need to allow for the sections in the image above which will be lost in different views. The purple section in the middle of this image is the 'safe area' where you should keep your main information, logos and anything you don't want to be cropped. The size of this is 602 x 292 px.
You'll lose the side sections on a mobile device, meaning the image is narrower but full height (602 x 340 px) and on a desktop view you'll lose the top and bottom sections, meaning the image is wider but shorter (820 x 292 px).
I've taken screenshots of my own cover image, both in a mobile and desktop view, to show you how they appear differently, which I hope helps to explain... a picture says a thousand words!
Desktop view:
Mobile view:
Try to make sure your image or design looks good in both views, but most crucially ensure that nothing important is cropped off in either view.
I'm always here for advice, so get in touch if you have any questions!