You Can’t Learn Anything From a Pop-Up.

But you can learn a lot from our blog. Subscribe to our weekly newsletter to get the latest in learning.

The Ultimate Facebook Cover Photo Guide — and Template!

June 18, 2016

Over the past few weeks on Deke’s Techniques, I’ve been focusing on how to create an impeccable, integrated, and (dare I say) slightly ingenious Facebook cover photo — in which the cover image at the top of your Facebook page is in perfect alignment with your profile picture.

I’ve measured every angle, considered every interface element, and ultimately crafted a Photoshop template you can use for your own page. Here’s how:

Step 1: Know the dimensions

If you already have a general idea for the high-res, horizontal image you want to use for the top of your Facebook page, and you’ve got a profile photo ready to go—and you just want to get to the template—you can skip to the next step.

But if you’re interested in the exact measurements of the top image on a personal Facebook page (as of May 2015), then I encourage you to watch Deke’s Techniques: The latest and greatest 2015 Facebook image specifications, below.

In this free movie, I review not only the dimensions, the button and interface positions, and the interaction of the images; I also consider things like how big your cover image file can be (answer: 2048 x 758 pixels) so that it looks as good as possible in yourtimeline, too.

With the dimensions in this image, you can serve up maximum quality in your stream and Facebook will shrink them to the expected 851 x 315 pixels to present at the top of your page.

Once you get things the way you want them, the template has the masks/alpha channels you’ll need to save out each piece for optimal interplay. You’ll extract a cover photo at maximum resolution, but at the correct proportions to serve at the top of your page.

You’ll capture the necessary background from the cover photo inside your profile picture so that the two look naturally integrated in the ultimate presentation.

You can even adjust the mask on the profile photo so that only part of the background shows through.