Back to Blog

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

February 20, 2013

By Cypress North
2 Comments

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!
Cypress North

Cypress North

We are a small group of developers, marketers and designers who are experts in their field. We work hard to surpass our clients’ goals; word-of-mouth is our best friend. Our unique expertise in both internet marketing and development allows us to accomplish projects that others simply can’t. If you are looking to choose the steak over the sizzle, you’re in the right place.

See Cypress's Most Recent Posts

Share this post

2 comments

Hms August 6, 2015Reply

Thanks >>so helpful

Leave a Reply

Search our blog

Start A Project

Categories

What's next?

Well...you might like one of these

Article

How to Create a High-Quality Email...

Optimizing Your Contact Database for Effective Email...

Read article

Article

5 Steps to Conduct a Successful Social...

Regularly auditing your social media accounts is key to...

Read article

Article

5 Tips for Getting the Most Out of the...

Learn how you can take‌ full advantage of all the...

Read article