Pages Menu
TwitterRssFacebook
Categories Menu

Posted by on Feb 29, 2012 in Blog, Featured, Social Media | 3 comments

Facebook Cover Photo for Timeline and Pages

Facebook Cover Photo for Timeline and Pages

Facebook Cover Photo, part of the Timeline feature set,  gives people and now businesses a way to visually communicate who they are with others rapidly.  This post will give you a Photoshop template for creating your Facebook Timeline image and a few ideas of how to design it, if you’re not a professional graphic designer.

I believe that Facebook is an incredible platform for reaching the people who are interested in topics that you share — it’s not that interesting that there are almost a billion people on Facebook — it’s that there is your specific prospective audience that are share your passion for LOLCATS or natural wellness or options trading.  Your 25,000 possible audience, let’s say, instead of trying to have a conversation with 850 million of your closest friends.

What Is Timeline?

Introduced late in 2011, Timeline initially came to Facebook’s pages for individuals, not businesses.  The broad cover image gave people a way to show something that inspired, amused, or represented them — in an image that is 851 x 315 pixels.

There were some great efforts made by individuals on their pages.  Here’s a few I like for your inspiration:

cool facebook cover images

(Image Source: Lev Detrez – Facebook.com)

 

Best facebook timeline images

(Image Source: Eduardo Calvo – Facebook.com)

 

best pages cover images on facebook

(Image Source: Butterfinger – Facebook.com)

great facebook page cover images

(Image Source: Modern Family – Facebook.com)

Download Facebook Cover Image Template

Without further ado, download a photoshop template for facebook timeline images here.

Some specifications you may want to have handy:

  • The cover image itself is 851 x 315 pixels
  • The square profile thumbnail image is 180 x 180 pixels.
  • You want to be careful on the profile thumbnail, because it gets sized down to 32 x 32 pixels on posts, so don’t cram small text in there — hopefully you have a graphical representation of yourself or your brand you can use.

Creating A Facebook Cover Photo for Pages

I’m not assuming anything about your knowledge of Photoshop here, so if you’re an advanced PS designer, just skip this part.  This is for our n00b friends.  Be nice to them.

After you open the template in Photoshop or GIMP, you’ll notice I put a lot of screen elements from Facebook in there so you can visualize how things will line up when the image is live.

But you won’t want to save all of that gunk when it’s time to save your image and upload it to your Facebook page for your business, obviously.

After you’ve got your image ready to go, turn off the visibility of all the elements you don’t want to save:

photoshop-preflight

 

Then click on the File menu and select “Save for Web and Devices…”  Choose the “slices” icon at top left to make sure you know which slice number you want to save.  Click on the main image to select that user slice.  I like to look carefully at the different ways to save — PNG-8 vs. JPEG vs. PNG-24 — and make the choices and tradeoffs for image quality versus image size.  Remember to make your images as small as possible while keeping the quality acceptable.

Once you know the format you want to save the image in, click the Save button below.

save-for-web-and-devices

 

In the Save window, name your file and change the dropdown at the bottom to “Selected Slices”.

save-selected-slices

 

After you’ve saved your image in the desired format, upload it to your Facebook cover photo and you’re all done!  You’re rockin’ a brand-new Facebook cover photo.  Congrats!

 

 

3 Comments

Post a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>