Ah, Facebook. Always keeping us on our toes with its ever-changing layout, features… and default image sizes.
If you want to have a good-looking online identity for your page, business, or group, one of the first things you’ll want to do is to create a custom “cover image”.
One quirk, though, is that not all of the image is seen at all times. Most notably, the mobile view of a group shows only about the centre 60%, and cuts the sides off entirely. So nothing critical should go on the sides.
As well, the mobile view puts the group’s title right on top of the image, in the lower third. And a gradient is overlaid on the image to ensure that text’s legibility. So, no critical text should go there, or it’ll probably be impossible to read.
Finally, when your group comes up in a search, a circle comprising the centre of your cover image is what’s shown.
There are many templates out there for personal pages, but – just to keep things extra interesting – the cover image for a Group is a different dimension than on personal pages. It’s more of a narrower strip.
I made this Photoshop template to help me build a client’s cover image, and figured it would be a great too to share. So here it is! As you can see from the preview above, it clearly shows what’s going to be visible on desktop vs. mobile, as well as what will show in the “little circle”. All guides and lines are in their own Group – just add your artwork below and then hide the guides before exporting to JPG format!