New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

How to create better Facebook cover photos

From: Creative Quick Tips

Video: How to create better Facebook cover photos

Hello and welcome back to another installment of Creative Quick Tips. You would see here at the very top this large image that goes across. Now that's helpful advice, but let's take a look at some of the things that I've

How to create better Facebook cover photos

Hello and welcome back to another installment of Creative Quick Tips. My name is Justin Seeley and this week we're talking about Facebook cover photos. And if you don't know what a Facebook cover photo is, it's basically the big, giant photo that goes at the top of a Facebook business page. So for instance if I went over to my Facebook page. You would see here at the very top this large image that goes across. And this is something called the cover image. And so this cover image represents you or your brand or in some way tells the story about you or what you're doing online.

And so this photo is very important for brands that are using Facebook. And so that's what we're going to be talking about in this creative quick tip. I'm going to go back over here. And if you go to the website and search the help files, you can actually find the guidelines for your Facebook cover photo. And there are some very specific things in here that you need to pay attention to. It tells you that it's a unique image that represents your page, it might be a photo or it might be an album artwork picture, whatever the case may be. It does tell you here, that the photos can't be deceptive, misleading, or infringe on anyone else's copyright.

And you may not encourage people to upload your cover photo to their personal timelines. It also tells you some guidelines for, how to make a cover photo. So cover photos must be at least 399 pixels wide. The problem with that is, they're going to scale them up if you don't get them to the proper width. The proper width is actually 851 pixels by 315 pixels. It also tells you it needs to be less than 100 kilobytes, which is not hard to do. An it tells you that images with logo or text content, you may get higher quality results using a PNG file. Now that's helpful advice, but let's take a look at some of the things that I've developed inside of my own Facebook cover photo templates, that make it a little bit easier for you to understand what we're looking for here.

I'm going to jump over into Photoshop and this is not necessarily a program that you have to use. You can use any type of program to create this, but you're basically trying to create three basic areas, in your Facebook cover photos in my opinion. Inside of this Facebook cover photo, if you are a brand or a business, you want three basic areas. You want a tag line, you want a large visual, and you want what's called a CTA, or a call to action. As of this year, 2013, Facebook has actually relented on the policy, that before prohibited you from having a CTA or call to action in your Facebook cover photo.

Now, you can have one. So a call to action is something like, click like now, or click here to like us or click to download your free eBook, or something like that. So you want these three areas inside of your Facebook cover photo. You also want to make sure that you leave ample space for your Facebook profile picture over here on the left. That's why the layout of this looks a little weird. So my tagline is always going to be somewhere prominently displayed like this. I'm always going to keep my call to action button somewhere towards the bottom, because chances are that's going to be pointing towards one other aspect of my page.

Either a tab or the like button or something like that. And then my visual is usually offset to one side, but it's big enough so that people recognize what it is. In this case it's the alien face, the logo for whatever this fictitious company is that I might be working with. And then I've left ample space down here on the left hand side for the actual profile photo to go in there. All of these mixed together accompanied with the fact that I've maxed it out to the correct size, by going to the image dialog box here. You can see 851 pixels by 315 pixels. So everything is dialed in perfectly, ready to go.

If I want to save this out, I'll just use the keyboard shortcut Shift+Opt+Cmd on a Mac. Shift+Alt+Ctrl on a PC and the letter S. And then since it does have text and logo elements, I'm going to switch it to a PNG. You'll notice here that it says it's going to be 31k. That's well below the guidelines for 100, and so I'll just save this out. And I'll just save it to my desktop, Facebook Cover. And there we go, now I just upload that into Facebook and I have a nice new cover photo ready to go to showcase my brand, or whatever it is that I might be creating a page for.

Now if you want more information about how to use Facebook for business purposes. I highly suggest that you check out my course on called Facebook for your business. Wherein I talk about building an asset package and developing your own presence online using Facebook as your social platform, for marketing your business. So be sure to check that out in the library. And until then be sure to take some of the guidelines that I gave you here in this little tip, to create yourself a better Facebook cover photo. And be sure to send me some examples of your Facebook cover photo either on Twitter, I'm at justinseeley or on Facebook at

Show transcript

This video is part of

Image for Creative Quick Tips
Creative Quick Tips

51 video lessons · 34556 viewers

Justin Seeley

Expand all | Collapse all
  1. 1m 45s
    1. Welcome to the series
    2. How to send feedback
  2. 18m 10s
    1. How to find free stock photos online
      1m 55s
    2. Using the transform command in Illustrator
      4m 14s
    3. Five tools for wireframing & mockups
      7m 36s
    4. How to convert videos into GIFs using Photoshop
      4m 25s
  3. 11m 50s
    1. How to create layers from Photoshop Layer Styles
      3m 14s
    2. How to turn Illustrator artwork into Shape Layers
      3m 15s
    3. How to combine vector shapes in Photoshop
      2m 49s
    4. How to use text wrapping in Illustrator
      2m 32s
  4. 15m 41s
    1. How to effectively rotate objects in Illustrator
      2m 39s
    2. How to create interlocking shapes in Illustrator
      3m 29s
    3. How to speed up Photoshop's performance
      3m 25s
    4. How to use tool shortcuts in Photoshop
      2m 52s
    5. How to use springloaded shortcuts in Photoshop
      3m 16s
  5. 9m 27s
    1. How to create a better Twitter avatar
      3m 59s
    2. How to embed videos in WordPress without a plugin
      1m 45s
    3. How to embed real tweets into any WordPress post
      2m 15s
    4. Create your own Photoshop shortcut cheat sheet
      1m 28s
  6. 17m 53s
    1. How to create better Facebook cover photos
      4m 31s
    2. How to use keyboard shortcuts in WordPress
      2m 47s
    3. How to add Apple touch icons to your website
      5m 27s
    4. How to use Font Awesome in design applications
      5m 8s
  7. 8m 50s
    1. How to create your own pixel grids
      4m 25s
    2. How to sample colors from anywhere
      2m 5s
    3. How to create diagonal guides in Illustrator
      2m 20s
  8. 13m 48s
    1. How to round individual corners on Illustrator shapes
      3m 21s
    2. How to use Camera Raw as a Smart Filter
      4m 8s
    3. How to use the Shape Builder Tool to recolor artwork
      3m 34s
    4. How to use "Align to Key Object" in Illustrator
      2m 45s
  9. 8m 26s
    1. Exploring the Kuler Panel in Illustrator CC
      1m 50s
    2. How to draw awesome shapes with the tilde key
      2m 12s
    3. How to reset your bounding box in Illustrator
      2m 6s
    4. How to change your artboard color in Illustrator
      2m 18s
  10. 23m 19s
    1. How to use Photoshop and Illustrator to write CSS
      4m 1s
    2. How to create scalable rounded rectangles in Illustrator
      4m 16s
    3. How to use the fill commands in Photoshop
      3m 52s
    4. How to accurately space objects in Illustrator
      2m 5s
    5. Ten WordPress plugins that you should know
      9m 5s
  11. 9m 41s
    1. Unlocking background layers in Photoshop
      1m 8s
    2. Using opacity shortcuts in Photoshop
      1m 50s
    3. Using Illustrator's Glyphs Panel for icon fonts
      3m 15s
    4. Creating flexible buttons in Illustrator
      3m 28s
  12. 6m 31s
    1. Locking artwork in Illustrator
      2m 5s
    2. Five free fonts for your next project
      2m 0s
    3. Improving the SEO of your Muse website
      2m 26s
  13. 17m 7s
    1. Fitting content into your InDesign frames
      2m 37s
    2. Setting up your own Autocorrect in InDesign
      2m 33s
    3. Drawing complex shapes in Illustrator
      3m 14s
    4. Using the snapshots feature in Photoshop
      4m 40s
    5. Creating awesome product shots with Placeit
      4m 3s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes changes my life forever. @JosefShutter
@lynda is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?


Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.