Want to design a Facebook Cover Image?

It’s simple, in this blog post/video, I’ll show how to create a Facebook Page Cover Image / Header Image in Photoshop, step by step.

You probably don’t realise, but there’s more to this process than you may think, as when you add an image to your Facebook page it displays differently, cropping information that you’ve carefully placed into the image and ruining the look of your page.

But I’ll show you below how to avoid that by sizing things a bit more strategically.

If you don’t have Photoshop, you can sign up for Creative Cloud here. This is an affiliate link so I will earn a small commission if you do, it helps to keep me making tutorials like this!

Alternatively, if you prefer a simpler tool like Canva, you can check out this video.

Let’s get into it!

This video covers the whole process, from start to finish. But I have some notes and resources underneath that should help greatly.

The first thing we need to do is address the image size, so check out the image below:

Notice the left image (PC Screen) has the top and buttom cut off? You can’t even see the border lines that are on the right side (phone screen) – but they’re the same image!

Dimensions / Downloadable PSD Template

So below is the quick sizing guide & template you can use. I do make the image larger than it needs to be as a way of future proofing the image as updates roll out and resolution can change.

So I start by:

  1. Creating an image that is: 1920 x 711 pixels
  2. Adding Guidelines to the very top and bottom of the page (turn on ‘Rulers’ under ‘View’ in your top menu, then click and drag from the ruler into position)
  3. Expand to 1920 x 1080 pixels ( head to ‘Image’ -> ‘Canvas Size’)

or, you can Download this template

Check out our Photoshop Template Pack for Facebook here!

Now you can start designing!

Just keep anything you don’t want to be chopped off between the guidelines! If you’re looking for how to create the design itself, I recommend watching the video above.

When you’re done you can save your image. Head to ‘File’ -> ‘Export’ -> ‘Save for Web (Legacy)’. Save as a JPG or PNG (whichever ends up smaller – it will be the jpg 99% of the time). Also zoom in on the preview window to check quality.

Now Upload to Facebook! Open your Facebook page and then hover over the cover image, press ‘Change Cover’, then ‘Upload Photo’ Upload your image and then press save. Done :)

Other Resources

In the video I mentioned a few resources, you can access them below:

Download the 3 above designs by clicking the image above and subscribing to our newsletter!

Otherwise, I hope you found the video and information useful. If you want information like this please consider subscribing. I’ll talk to you again next time!