How to Optimize Photos for Facebook

How to Optimize Photos for FacebookFor your Facebook photos to look their best, you’ll want to learn how to optimize photos for Facebook. Here’s the scoop on the photo file types and compression to use when uploading photos to your Facebook Fan Page. See my previous post for best sizes to upload!

Image created on memegenerator.net.

How to Optimize Photos for Facebook

Facebook accepts uploads of .jpg, .gif, and .png file types. Jpeg is generally used for images with blended tones, like photos, and gif and png are better for images of flat tones, like logos and graphics. However – Facebook compresses ALL images you upload to .jpgs. I’ve tried uploading the same image in all 3 formats, and the result was virtually the same. Facebook compresses the heck out of images so pages will load faster. This will be most apparent on logos and graphics, and seems to be worst on solid red and purple tones.

image before facebook

Facebook takes this…

image after facebook

…to this!

I don’t believe there’s any workaround for the ugly artifacts Facebook creates by compressing flat tones in gifs and pngs to jpegs. Just be aware of this limitation, and consider using more photo quotes than flat toned images.

I save all my images for Facebook as RGB jpegs at the least compression, or maximum file size. On Photoshop, this is 12 – Maximum Quality. Other than the full photo custom tabs (which are limited to 400kb), I haven’t run into any file size restrictions. I uploaded a profile picture as a 2200px square, 3.1 MB file, and it worked fine.

Please share in the comments if you have other suggestions on how to optimize photos for Facebook!

Share and Enjoy

  • Facebook
  • Twitter
  • Google Plus
  • LinkedIn
  • Pinterest
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS
 Name: Email: We respect your email privacy

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success! Follow Louise on Twitter: @Louise_Myers
This entry was posted in Facebook Tips and tagged , , , . Bookmark the permalink.

12 Responses to How to Optimize Photos for Facebook

  1. Tom Treanor says:

    Louise,

    I’m a big fan of your blog (but you know that)! Keep the great content coming…

    Tom

  2. Alicia Arenas
    Twitter:
    says:

    Louise, I’m so grateful to have found your blog and your expertise. I’m looking forward to learning from you. Thanks for the post!

  3. christybroccardo says:

    Fun fact, my daughter’s friend (a high school student) created the app for memegenerator, and my daughter is the one who designed the graphics for the app. Made my day to see it mentioned here today!

  4. Dyane says:

    Thank you so much for this enlightening article Louise! The image I use for my business is red. After the change to the FB Timeline, it looked orange. Now, I understand why. I will see if my graphics designer can fix it for me. I’m all thumbs when it comes to Photoshop. :-) Dyane

  5. Deborah says:

    I am so thankful for this Facebook information. As a designer getting back into the business after kids, a lot has changed. Thanks for putting this info in one handy place.

  6. Alva says:

    So helpful! Thank you very much
    Could you please try IMAGEmini Lite and give me some feedback? It is a image optimize application. You can find it in Mac App Store.

Leave 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>


CommentLuv badge