Social Media Cover Photo Cheat Sheet & All-In-One Social Template Download

social-media-playbook
POST
Author's Headshot
By cypressnorth
Share

Each social network's cover images differ in size, and some of them (Facebook, Google+, Twitter) have overlapping profile pictures that should be taken into consideration when designing your cover photo to avoid accidentally hiding key information or visual elements. Today, we'll make it even easier for you to size your photos properly with a one-stop Photoshop file with sizing specs for each social network.

Below you'll find a cover photo cheat sheet, complete with a free downloadable .psd template and instructions on how to customize the header images for your personal or business accounts.

We made it super easy for you to download an all-in-one Photoshop file that you can use to quickly create cover images for your social accounts. We hope you enjoy, and feel free to shout if you have any questions!

Download all-in-one social media cover photo template PSD

Facebook

Facebook Cover Photo Template Download

Specifications:

  • Cover photo: 851 x 315 px
  • Profile picture: photo should be uploaded at 180 x 180 px, but will display 160 x 160 px
  • Tab photo: 111 x 74 px (see our tutorial on how to customize Facebook tab images)

 

Facebook Cover Photo Template Download

To customize the Facebook cover photo:

  1. Open .psd file
  2. Hide all other grouped layers except the group labeled Facebook
  3. Click the arrow to show the other layers
  4. Drag photo or design on to layer that is labeled "drag cover photo here"
  5. Resize to your liking (Tip: use Ctrl + T on PCs or Command + T on Macs to resize)
  6. Hide profile pic layer
  7. Using crop tool, specify cover photo size as 851 px (width) and 315 px (height), drag to fit your image and crop
  8. Save this as your cover photo image
  9. Upload image to Facebook
If you need to start over, delete the layer and add a new layer. Drag your photo or design on to the new layer. Right click on the layer and select "Create Clipping Mask". Then follow Steps 4-9 above.

Twitter

Twitter Cover Photo Image Template Download
Specifications:

 

To customize the Twitter header photo:

  1. Open .psd file
  2. Hide all other grouped layers except the group labeled Twitter
  3. Click the arrow to show the other layers
  4. Drag photo or design on to layer that is labeled "drag cover photo here"
  5. Resize to your liking (Tip: use Ctrl + T on PCs or Command + T on Macs to resize)
  6. Hide Twitter Avatar layer
  7. Using crop tool, specify cover photo size as 520 px (width) and 260 px (height), drag to fit your image and crop
  8. Save this as your header image
  9. Upload image to Twitter
If you need to start over, delete the layer and add a new layer. Drag your photo or design on to the new layer. Then follow Steps 4-7 above.

Google+

Update 03/12/13: Google+ announced new cover photo sizes. We wrote a follow-up post that includes tips, inspiration & a new template that fits the 2120 x 1129 cover photo size. Check it out here.

Google Plus Cover Photo Template Download

Specifications:
  • Cover photo: 890 x 180 px (space to left of profile picture is 614 px, so make sure your important image/info fits in that area)
  • Profile picture: 250 x 250 px
  • See more examples of Google+ cover photos

 

To customize the Google Plus cover photo:

  1. Open .psd file
  2. Hide all other grouped layers except the group labeled Google Plus
  3. Click the arrow to show the other layers
  4. Drag photo or design on to layer that is labeled "drag cover photo here"
  5. Resize to your liking (Tip: use Ctrl + T on PCs or Command + T on Macs to resize)
  6. Hide profile pic layer
  7. Using crop tool, specify cover photo size as 890 px (width) and 180 px (height), drag to fit your image and crop
  8. Save your cover photo
  9. Upload image to Google+
If you need to start over, delete the layer and add a new layer. Drag your photo or design on to the new layer. Right click on the layer and select “Create Clipping Mask”. Then follow Steps 4-9 above.

LinkedIn

LinkedIn Cover Photo Template Download

Specifications:

  • Cover photo: 646 x 220 px
  • Company logo profile picture: 100 x 60 px

 

To customize the LinkedIn cover photo:

  1. Open .psd file
  2. Hide all other grouped layers except the group labeled LinkedIn
  3. Click the arrow to show the other layers
  4. Drag photo or design on to layer that is labeled "drag cover photo here"
  5. Resize to your liking (Tip: use Ctrl + T on PCs or Command + T on Macs to resize)
  6. Using crop tool, specify cover photo size as 646 px (width) and 220 px (height), drag to fit your image and crop
  7. Save this as your cover photo
  8. Upload image to LinkedIn

If you need to start over, delete the layer and add a new layer. Then follow Steps 4-8 above.

Pinterest

Pinterest Profile Photo Size

Specifications:

  • Profile picture: 160 x 165 px

 

Download The All-In-One Social Sizing PSD

To get all the cover photo templates in one sweep, download our zip file that contains a single PSD file for Facebook, Google+, Twitter, and LinkedIn below!

Download all-in-one social media cover photo template PSD

 

 

Did you find this post helpful? Be sure to follow us on Twitter, Facebook, and Google+ for more great posts!
POST
Author's Headshot
By cypressnorth
Share

2 Comments

  1. Author's Headshot
    Hms August 6, 2015
    Reply

    Thanks >>so helpful

  2. Author's Headshot
    120+ FREE Facebook Timeline Cover PSD Templates – Jarvis Blog April 4, 2016
    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *