tutorial | how to make a facebook cover photo

Akula Kreative Facebook Cover Note :: This post was updated on 08.10.13.

Is it killing you that your hi-res photo is STILL looking fuzzy on your Facebook page?!! I know how you feel. When I figured out how to fix it I was pretty excited...

In this quick tutorial, I'll explain how to make your own CUSTOM Facebook Cover Photo using Photoshop CS6. (If you don't have Photoshop but have other photo editing software, you can still prep your cover photo by cropping to the right dimensions and saving it at the right size.)

Click on any of the images below to see larger versions.

[hr]

First, create a new document. The dimensions should be 851 pixels by 315 pixels. (I always keep my resolution at 300ppi and the background transparent.) Feel free to download the .jpg below to use as a template.

Facebook Cover Photo Template

The striped box indicates where your Profile Pic will reside once you upload your cover photo to Facebook. (Facebook has updated the layout a few times since rolling out the timeline, so be sure to double check the Profile Pic placement before finalizing your file.)

[hr]

Next, place your photo or design on the document. (Either go to File > Place, or copy and paste your design/photo from another program. With the correct layer highlighted, use Control + T to change the size or move the design or photo. If you change the size, be sure to hold down the Shift key when moving the corner anchors to keep your image proportional.)

tutorial | how to make a custom facebook cover photo | free facebook cover photos

If you're Photoshop-savvy, be creative with the layout and add some fun "interactive elements"...maybe a bold border around the Profile Pic or a graphic that plays inside the space.

[hr]

Now save your document. Go to File > Save for Web & Devices. Save as a .jpg.

tutorial | how to make a custom facebook cover photo | free facebook cover photos

[hr]

Here's the KEY step: After choosing JPEG, change the quality using the slider in the upper right corner until your image size is as close to 100K as possible (but still under 100K). 100 kilobytes is the "magic number" when it comes to finding the best balance between image quality and fast loading. In this example, I kept my image at 99.51K. Also, be sure to check the box next to "Convert to sRGB."

tutorial | how to make a custom facebook cover photo | free facebook cover photos

Once your .jpg is saved, go ahead and upload it onto your Facebook page and you're done!

[hr]

[typography font="Dancing Script" size="24" size_format="px" color="#000000"]custom facebook cover photo designs[/typography]

We've created a small collection of Facebook cover photos for you to download! These are free for personal use only. Enjoy!

Gold and White Chevron Facebook Cover Photo // Free Download

[pinit]

*NEW* White and Gold Chevron // Right-Click Image to Download

[hr]

Nautical Stripe Anchor Facebook Cover Photo // Free Download

[pinit]

*NEW* Neutral Nautical Stripe with Anchor // Right Click Image to Download

[hr]

"Happy Summer" Watercolor Facebook Cover Photo // Free Download

[pinit]

*NEW* "Happy Summer" Watercolor // Right-Click Image to Download

[hr]

Tea Lover Facebook Cover Photo // Free Download

[pinit]

Tea Lover // Right-Click Image to Download

[hr]

Gray and Yellow Chevron Facebook Cover Photo // Free Download

[pinit]

Gray and Yellow Chevron // Right-Click Image to Download

[hr]

Aqua Chevron Facebook Cover Photo // Free Download

[pinit]

Aqua and White Chevron // Right-Click Image to Download

[hr]

Wood Texture Facebook Cover Photo // Free Download

[pinit]

"Hello There" Wood Texture // Right-Click Image to Download

[hr]

Purple Peony Facebook Cover Photo // Free Download

[pinit]

Purple Peony // Right-Click Image to Download

[hr]

Coral Chevron Facebook Cover Photo // Free Download

[pinit]

Teal & White Anchor // Right-Click Image to Download

[hr]

Chalkboard Facebook Cover Photo // Free Download

[pinit]

 

[hr]