Making the Most of Facebook’s Crappy Cover Photo Compression Issue

So as you may already know, Facebook started rolling out Timeline for Pages. If you already have a page you can slowly start test driving it, but on March 30th you’ll have to switch over completely whether you’re used to it or not. That’s keeping all sorts of brand, business and social media people preoccupied now because there are quite a few changes that need to be addressed.

Images
Since trying out the new Timeline format, many brand managers and designers have agreed with me that image compression sucks. This hasn’t been too much of a problem lately because Facebook actually addressed the issue and now offers higher quality uploading.

Serious Business
The problem now has to do with the cover photo. This is the large image located at the very top of the Timeline. The cover photo is probably one of the most important, if not the most important, part of a brand page. If your timeline (wall), filled with comments and articles was a bustling town, this would be the big neon “welcome” sign as you entered the town. For brands, and especially huge corporations, the cover photo is much more than a little analogy of a town welcome sign: it’s their brand, it’s their image, and besides the product itself, it’s everything.

It seems like people let this compression issue slide for their personal Facebook Timeline, but ever since people have started redesigning their fan and brand pages I’ve seen a ton of complaints.

Uploading a Better Facebook Cover Image
Now that I’ve addressed the seriousness of brand consistency, let’s move on to figuring out the best way to make Facebook’s compression do as little damage as possible to your image quality and color.

Technical Stuff
I’m not going to get into the technical aspect of JPEG compression here, you can read all sorts of stuff somewhere else. Quite frankly it confuses me and I find it boring as hell to read.

Ok, lets go!

Lets start with a difficult cover image for Facebook to properly compress, like the one I’m using now for my new Facebook page. It has only 2 flat colors, no texture, very plain. JPEG is terrible at compressing these to begin with, but with Facebook’s cover photo compression they take it to a whole other level of terrible.

Logic would dictate that you make a template for the cover page photo. The dimensions are 850px x 315px, so that’s what I originally did. After that I saved it for web and these were the output settings:

The results weren’t good at all. Here’s what I want to see (top orange super computer) and then what you get after compression (underneath):


You can click on the images to get a good look.

Let me note right now, that until Facebook stops compressing like this, we will never get it perfect. I will never get the orange perfect in this image, and there will be some munched up pixels no matter what we do! Until that change is made we need to do what we can. Take a look at the bright side, though: it’s an even playing field! If everyone has the same issue, at least we can have the best shitty compressed brand photo in the land!

Tools: Computer, Photoshop, Internet,
Skill Level: Beginner/Intermediate

Step 1: Double the resolution. The cover image is 850 x 315, so bump your template up to 1700 x 630. If your image is too small to maintain quality at that resolution, then it won’t work. I have a nice scalable vector drawing here.

Step 2: Make sure your color space is set to RGB and not CMYK.

Step 3: “Save for Web & Devices” and in the dialogue box make sure you have the following settings.

You basically make sure everything isn’t checked, and that it’s set to “Bicubic” on the lower right.

Result?

Closely look at the difference in output as you follow along with your own image. Not perfect, but much better.

Other partial solutions:

1) Introducing texture via noise to the solid color. The problem is that JPEG doesn’t deal with solid colors well. A solution would be to make the color less solid. One standard way of doing so is to use the noise filter in your image editing program. Noise can introduce new jarring colors. Because of this, noise filters often have a way of protecting the hue.

2) Introduce texture to the solid color. The goal here is to break up solid colors so that the imperfections of JPEG are not noticeable or displeasing.

Come on Facebook, let’s have this problem solved soon so we don’t have to waste our time doing this.

This entry was posted in Social Media, Tips and Tricks and tagged , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

74 Comments

  1. Stocklone
    Posted March 19, 2012 at 1:45 am | Permalink

    Thank you for sharing. It’s been so frustrating having anything I put up there look absolutely horrible.

  2. Posted March 19, 2012 at 2:39 pm | Permalink

    Great article. I’ve been sooo frustrated with Facebook’s compression issues.

  3. Posted March 28, 2012 at 5:32 am | Permalink

    Diggin’ the illustration Stephan. Nice one!

  4. inzori
    Posted April 20, 2012 at 9:39 pm | Permalink

    Thank you.
    Another thing to know is that facebook does not compress the image if it’s less than 100 kilobytes.
    I had a cover photo which was 158kb in size, which fb left at 38kb after compression (!!!)- this looked horrible. I tried saving the same image from photoshop lowering the jpeg quality settings so the pic was 98kb, and now facebook didn’t lower the quality of the image.

    • Stef
      Posted June 22, 2012 at 6:28 pm | Permalink

      FB is still compressing the heck out of my cover images . . . I’ve uploaded a .png as small as 15k, and still there’s noise.

      • CH
        Posted September 10, 2013 at 1:50 pm | Permalink

        It has to be JPG.
        It fucks up any PNG image, but if you have a jpg saved with sRGB colours and under 100kB they supposedly will not convert it!

        Also regular images should be in eithe 720px, 960px or 2048px, dunno if they mean both x and y axis.

    • Sergio
      Posted October 16, 2014 at 6:11 am | Permalink

      Thanks! uploading it under 100k did it for me.

  5. Posted July 3, 2012 at 12:33 am | Permalink

    Many big brands now have PERFECT quality covers..

    Even yours (and mine http://facebook.com/zakkforchilli/)
    seems to be OFF still. Still compression, still blurry a bit.

    How are they doing this?
    Using illustrator instead so the base is just more legit? IDK

    • Posted July 3, 2012 at 4:47 pm | Permalink

      I think with such a narrow typeface you’ll get into trouble with some compression artifacts (munched up bits) appearing around the type. I would try adding a subtle noise layer over top in photoshop and see if this improves the compression. Also double check to make sure you save at the proper dimensions outlined in this article. Hope that helps!

  6. Posted July 17, 2012 at 6:47 pm | Permalink

    Thanks! Previously the timelime cover was looking hideous on my 24” monitor. Now it looks much better. Do check it out

  7. Posted July 19, 2012 at 12:45 pm | Permalink

    Wow. So happy! I was looking for info on this as I love vector stuff, and FB has been making it horrifically ugly. I tried the unchecking of my normal settings (like optimized) AND the tip about making it less than 100kb and look: https://img.skitch.com/20120719-1kkctjer8y9cfsebfia4ghk1ck.jpgThis is a vector image on FB I can live with!!

    This is what it looked like before – this is a slightly different image but you can see how much crappier it was: https://img.skitch.com/20120719-1bacggihsn4nmf9nmcwapcjjej.jpg Thanks for the help!

    • Posted September 1, 2012 at 6:43 am | Permalink

      Looks great Kristi.!

      This proves that the more colors you have going on in your illustration the better compression. Flat colors are the worst culprit when it comes to compression, and busy photos with millions more pixels of color turn out the best.

      Cheers and thanks for sharing :-)

  8. Posted August 10, 2012 at 6:00 pm | Permalink

    Is the timeline layout still optional or do we have to use it?

  9. Posted August 28, 2012 at 5:08 pm | Permalink

    Thanks for the tutorial. This has been driving me crazy as well, and I’m going to try some of the suggestions here. I noticed in your jpeg settings you have blur set to 0.01, but you don’t mention it in the article. Did you choose this setting for any particular reason?

    • Posted September 1, 2012 at 6:44 am | Permalink

      If the blur is at 0.00 or 0.01 it won’t really matter. This may have been an oversight on my part. Let me know how it goes!

  10. Posted August 30, 2012 at 8:49 pm | Permalink

    Great post! It is terrible frustrating when trying to advertise your design skills with such a shoddy image at the top of your Facebook page. Has made me feel embarrassed ever since I started to use it but will try your method now.

    Regards

    • Posted September 1, 2012 at 6:51 am | Permalink

      I hope it works for you. Remember that flat single colors are difficult no matter what when it comes to compression. So a blue sky, pure white, black, etc are terrible. But if you have a photo of someone waterskiing it will turn out fantastic because the compression artifacts (blurriness, faint spots) will blend in easier.

      It’s been some time since I’ve posted this, so I hope things get better soon with an overhaul.

      Cheers!

  11. Huerta
    Posted October 5, 2012 at 6:51 am | Permalink

    I just uploaded it as a .png file and it didnt compress it, png looks good

  12. Talia
    Posted November 14, 2012 at 7:54 pm | Permalink

    Thank you sooo much!! This finally helped me figure out how to make my company’s cover photo look decent. Much appreciated!

  13. Nick
    Posted November 14, 2012 at 8:02 pm | Permalink

    Hey Stephan, I found a response from one of the facebook devlopers saying how you can avoid recompression. I followed his instructions and my photo looks exactly like what I uploaded. Mine is very plain with only 3 flat colors, but at anything above jpeg quality 70 it looks fine (50 destroys it like facebook did). I actually was able to use jpege quality 100 as it was still only 40kb.

    Here’s what the dev said:
    If you would like the best looking cover photo, please upload an JPG file that’s 851 pixels wide, 315 pixels tall and less than 100 kilobytes. If it has a color profile, it should be sRGB. If you follow these guidelines we do not recompress your cover photo and it will look exactly like what you uploaded.

    • Posted November 16, 2012 at 11:05 pm | Permalink

      Thanks very much Nick!

    • Posted January 8, 2013 at 1:47 am | Permalink

      This is the proper way for facebook cover images. The written article is incorrect. In my opinion is it a recipe for disaster.

      Facebook has two conditions for their photo compressor:
      1. Pixel dimension: If the image is above 851×315 pixels, their compressor kicks in and the file will be compressed to under 40KB. To prevent compression, a facebook cover should have dimensions equal or less than 851×315 pixels.

      2. Filesize: If the file is bigger then 100KB, the compressor is triggered and the file will be compressed to under 40KB. To prevent compression, the filesize that you output should not extend 100KB.

      To exemplify (numbers are made up but relate to my tests):
      1. A image of 851 by 315 pixels with a sRGB profile and a size of ~ 125KB with a arbitrary quality settings set to “very high: 80″ will be compressed to ~ 39KB.

      2. A image of 851 by 315 pixels with a sRGB profle and a size of ~ 99KB with a arbitrary quality settings set to “High: 71″ will be slightly compressed* to ~ 92KB.

      3. A image of 1700 by 630 pixels with a sRGB profle and a size of ~ 225KB with a arbitrary quality settings set to “High: 71″ will be compressed to ~ 39KB.

      4. A image of 1700 by 630 pixels with a sRGB profle and a size of ~ 99KB with a arbitrary quality settings set to “High: 68″ will be compressed to ~ 38KB.

      * I think this is not compression, but rather the stripping of some additional file data.

      I also suggest that you assign a color profile of sRGB or leave the file un-tagged. Do not unload images with RGB or other color profiles. First, this image will be outputted in sRGB, whether the original maker likes it or not. Second, the color that are out of gamut will display shifts around the edges and cause some banding. Especially noticeable in darker and higher contrasting value and color portions of the image. It is a unwanted result, especially if you already lost quality through one or two rounds of compression!

      You are far better of starting in sRGB and staying there, than working in a bigger gamut and converting to to a smaller one. With a smaller gamut there is less disappointment than with a contraction from a bigger profile to a smaller one.

      I also recommend ditching the noise, when added for technical reasons. It is useless file increase, and pollution in 8bit images with that are potentially accessible for compression. Good technique for 16bit images but less for 8. There hardly enough room for gradient banding in 8bit images. If you do intend to add noise, you will introduce overall fuzziness. Which looks like bad compression but actually is noise.

      Focus on dimensions, file size and color profile matching. This will reduce the problems greatly. End the end, you have 100KB to work with.

      Good luck, Léon
      ————————
      Note on 1: I have tested for image enlargement from 125% of optimal dimensions and up , and the compressor still triggers. I think that there is a 5 to 10% enlargement margin, but I had no more excitement to test.

      Note on 2: I only tested images of 300 to 600KB and images of 90 tot 99KB. I have no idea if there is some margin to be achieved.

      • Posted January 14, 2013 at 1:31 am | Permalink

        Hi Leon,

        I’m by no means an expert on the subject, so thank you for looking into this and publishing your conclusions. I really appreciate it, and I’m sure many other users will find this information useful as well.

      • Posted June 20, 2013 at 6:56 pm | Permalink

        I’m not sure if everything you said above is true or not. However, I can say – when I follow these instructions my image is acceptable – when I do not, and I export images sRGB from Photoshop they look abysmal. If using these instructions is wrong – I don’t want to be right!

        Thank you for taking the time to make this tutorial!

      • Posted June 21, 2013 at 6:04 pm | Permalink

        This worked PERFECTLY. Saved my cover photo at 95kb and it looks much much MUCH better than my previous file that was 240kb

        Facebook, this is just ridiculous lol. You’ll allow an upload of a high quality timeline photo but will show a poor quality photo for the image that anchors your page? GAH!

      • Christina
        Posted July 13, 2013 at 6:29 pm | Permalink

        This works… In Illustrator save for web, I lowered my compression until it was 98kb – which was set to 80 (so that means 20% compression)… woiked like a charm… Also, I made my cover image size to FB’s – 850×315… It looks perfect compared to before…

      • Gus
        Posted August 16, 2013 at 4:32 am | Permalink

        I had 2 hours running dumb tests due to the compression FB makes to most cover images. I had followed several “rules” to minimise the effect of it. 851×315 also 1700×630, JPG, checked radio box, uncheck radio boxes, under 100K, above 100K. But… the easiest way to save a cover without FB compressing your images is…….. PNG-24!!!!

        It leaves the image 100% quality, 100% weight, even the reds looks sharp! So search NO MORE! PNG-24!!!!

        • Johnny
          Posted September 9, 2013 at 7:06 am | Permalink

          THANK YOU SO MUCH! YOU ARE A LIFE-SAVER!!!

          • Rombout Versluijs
            Posted October 25, 2013 at 5:36 am | Permalink

            To bad people, this trick used to work indeed. Asof today i found out it stopped working, have been experimenting couple hours now and still no luck. Seems they have taken out or added a couple lines to there code to also compress PNG-24 now :(

        • Posted January 31, 2014 at 7:48 pm | Permalink

          That IS much better. Thanks for the tip :D

      • Gambino
        Posted June 2, 2014 at 11:26 am | Permalink

        This worked perfectly. Thanks so much.

    • Rob
      Posted March 21, 2013 at 9:48 am | Permalink

      You sir, just made my day!
      It works like a charm!

  14. JND
    Posted January 12, 2013 at 8:49 pm | Permalink

    hmmmm..what software I will use to do this??

  15. Alex
    Posted March 5, 2013 at 9:09 pm | Permalink

    Naw. Aint good enough.

  16. CorporateMaintainer
    Posted April 19, 2013 at 5:16 am | Permalink

    Will never pay for FB services until they can figure out how to not crush my cover photo so badly. Get a clue guys…. Running low on cash? can’t afford more bandwidth? come on – seriously. Fix it.

  17. Posted April 19, 2013 at 10:27 am | Permalink

    I’ve tried the solution above( double size image without compression) and compared it to n exact size and under100kb-reduced version.
    The first one have a best result, less blur and less jpg artifacts.
    You can see my cover image here:
    http://www.facebook.com/sarlo.enrico

  18. vertumnus
    Posted May 13, 2013 at 3:31 pm | Permalink

    just a thought – with OVER 400 million photos per day being uploaded to FB, of course they are going to compress — just because of data storage costs…

    wow 400 million — think about that – that’s a lot of fotos FB is the largest foto archiving location on the planet…

    its interesting that there seems to be different results, achieved by a few — no scientific method protocols used … ( tho thanks for everyone sharing there opinions) :-)
    thx Leon for putting some real investigation into this..

    i would bet on the FB tech peoples guidelines –
    How can I make sure that my photos display in the highest possible quality?

    We (FB) automatically take care of resizing and formatting your photos for you. If you’d like to use more advanced techniques to make your photos look better, try these tips:

    Resize your photo before you upload it. These are the sizes we support:
    Regular photos 720 px, 960 px, 2048 px
    Cover photos 851 px by 315 px

    If you use a 2048 px photo, make sure to select the High Quality option when you upload it.

    To avoid compression when you upload your cover photo, make sure the file size is under 100 KB.
    Save your image as a JPEG with an sRGB color profile.
    https://www.facebook.com/help/266520536764594

    its unclear ( un-clearly written) that these 100kb settings apply to regular photos as well… i would guess yes that they do…

    yay for photography for being the most successful ( and still growing rapidly) art forms on the planet… which equals now to being one of the hardest to make any $’s at… most competitive… ( i little personal note/ observation – i attended Vancouver fashion week 2013 – EVERYONE was taking pictures – i mean everyone – i phone to point and shoot – as well as the usual pro gear setups… fashion bloggers were uploading almost Live from ipads)…
    thanks to jeffrey as well
    :-)

    • Vertumnus
      Posted May 13, 2013 at 3:43 pm | Permalink

      april 13 -2013
      Facebook tries new image format – Facebook is testing a new WebP image format, which could make the site faster and reduce network costs, according to CNet. Now, when users upload JPEG images, Facebook converts them to WebP and delivers them this way to people using browsers like Chrome and Opera, which support the format. WebP, however, is not always compatible outside of the web, which means it is harder for users to download and share images they get from Facebook.

  19. cube
    Posted May 16, 2013 at 3:17 pm | Permalink

    this is the way to improve quality
    https://www.facebook.com/help/266520536764594/

  20. Posted May 16, 2013 at 8:58 pm | Permalink

    You guys Rock, \\m//
    I’m so happy thanks to all your comments put all together, I finally got the picture right for my client.
    I was having such a headache trying to save my pictures to every format and sizes possible.

    Thank you so much again.
    I love forums :)

  21. Posted May 21, 2013 at 8:51 pm | Permalink

    First of all, awesome banner! Second of all…thank you for this tip! Going to give it a try now :)

  22. paullubbock
    Posted May 31, 2013 at 3:15 pm | Permalink

    I resized my image to less than 100K at the recommended size and the compression produced by the Photoshop was a little harsh but I noticed FB did not recompress so overall it was better than the original post that was 12 quality and mutilated by FB compression. FB needs to address this seriously and lower their compression values or they can dump some of their timeline garbage add ons and ads so if bandwidth is the problem that is a better option.

  23. cherrygirl
    Posted June 2, 2013 at 2:41 pm | Permalink

    i tried to get the perfect result for that profile picture:
    light red/dark red gradient as a background and white letters on it.

    after trying different kinds of image sizes and saving it as .gif, .tif., .jpg and .png-files of i finally came to this solution (working in photoshop, of course):
    you can fool the compression tool of fb by adding a bit of noise to your background of the picture, such as adding dust & scratches, or, you use one of the artistic filter to add some kind of noise to the background (i recommend “dry brush”). after that you put the white letters on another layer on top of it (plus add a little noise there as well). it takes little time to find the perfect match and itensity of noise/artistic filter allocations but trust me, it will work!

    in summary, it depends on the picture content:
    avoid too sharp edges and too much contrast in the colours of two nearby areas or use the filters as illustrated above.

    hope i could help you!

  24. Posted June 4, 2013 at 6:47 pm | Permalink

    nononono 851×315 is affected by the comrpessor but

    a draw in CorelDraw with 815×301 compress in PNG crossed 24bits = 816×302*273kb
    is perfect without blurred (on simple eye)
    not affected by the fb compressor

    lookhere http://www.fb.com/grupoceadsp

    from brazil with love…

    marcelo

  25. Bruce
    Posted June 9, 2013 at 9:18 pm | Permalink

    Quite annoying that Facebook themselves actually recommend uploading PNG to preserve solid colours/text etc. Seems the people who write their online guides don’t actually know what their systems are doing to all the uploaded images.

  26. Jim Seiler
    Posted June 11, 2013 at 10:25 pm | Permalink

    It’s over a year later, and I’m reading this article, because facebook continues to crap everywhere on image compression.

  27. Posted June 13, 2013 at 12:08 pm | Permalink

    Nice Technique !
    I would complement this with a noise trick for top results.

    1. Create a new layer and place it above every other layers in the list.
    2. Drop pure white on it with the paint bucket tool
    3. Add the “Add noise” Filter to it with these settings
    -Amount : 45%
    -Uniform
    -Monochromatic
    4. Set the Blending mode to “Divide”. That way the white pixels will be invisible and the dark ones will brighten the image just a tad, creating a noise effect.
    5. Adjust the Fill or Opacity amount as you wish. I found 25% to be a decent choice.
    6. Export the image with the settings mentioned in this article. tadaa

    Good luck !

  28. Posted June 28, 2013 at 10:06 pm | Permalink

    Props to Nick. He nailed it with that FB developer feedback.

  29. Erik
    Posted July 1, 2013 at 3:44 am | Permalink

    I was struggling with the same problem, but for a banner image in a Facebook group. Those are slightly smaller (800×250), but suffers the same compression problem. During the work to fix this, someone pointed me to this article, and it was interesting to read.

    However, not having Photoshop, it was a bit hard to find the right settings in my software – Paint.net… But I was actually able to get this 100% perfect in IrfanView, a free program with an installer less than 2 MB! (It has grown, earlier it would fit on an ancient 1.44 MB discette! :-p )

    Yes, I know IrfanView can’t replace Photoshop, it has way too limited possibilities for that, but it’s a quick and easy program that can run on a 10 year old and slow computer, and even on a brand new one, it’s easy to use when just making screenshots. No need to bring out the big guns for the small birds. ;-)

    After having success with my group banner, I returned here, copied your original image (top orange super computer), pasted it into IrfanView and saved with the same settings. Uploaded it as a banner on my own Facebook timeline (temporary, it wasn’t even saved, just looked at the preview) – same result, looked perfect! :-D

    Here is a screenshot of my IrfanView settings: http://oi42.tinypic.com/2yvqww0.jpg
    Download the program, test these settings and see for yourself! :-)

  30. Posted August 14, 2013 at 11:55 am | Permalink

    very helpful article….unfortunately Facebook will still compress the shit out of other designs you upload in when it’s creating the various thumbnail versions. The workarounds are great for the larger views, but those damn thumbnails….
    *sigh*

  31. Rizky Pratama
    Posted August 26, 2013 at 4:17 am | Permalink

    Thank you, this really helped me.

  32. Jana
    Posted September 4, 2013 at 6:53 am | Permalink

    Really very useful article. I was seriously getting frustrated uploading photos to my FB. Following these tips really helped in retaining the pic quality.

  33. Cole
    Posted September 7, 2013 at 12:25 pm | Permalink

    “Come on Facebook, let’s have this problem solved soon so we don’t have to waste our time doing this.”

    Agree, but I would say the chances of that happening are slim: too costly for more space on their servers for quality graphics.

  34. Johnny
    Posted September 9, 2013 at 7:14 am | Permalink

    The best tip was given by Gus up above: which was to save your Facebook cover image in PNG-24 format in full quality/colors. I did this and was able to get a perfect image with seemingly no re-compression. I’m so happy! This tip worked better than all the other complicated detailed “expert” settings.

    Thank you Gus!

  35. Rombout Versluijs
    Posted October 25, 2013 at 5:40 am | Permalink

    This trick saving images as png-24 only seems to work on fan pages. Personal pages also seem to get compressed images on png-24

  36. JT
    Posted October 25, 2013 at 10:00 pm | Permalink

    I find that Facebook does not compress your cover image if you simply save it as jpeg at exactly 851×315.

    • JT
      Posted October 25, 2013 at 10:03 pm | Permalink

      To add: Facebook seems to convert ALL images to jpeg. So you should only be trying to upload jpegs to Facebook.

  37. Posted October 28, 2013 at 2:27 pm | Permalink

    I’ve managed to solve this issue by adding noise on image (uniform, monochromatic, 1.3%).

  38. Posted October 29, 2013 at 9:35 am | Permalink

    Thank you ^^

  39. Re
    Posted November 3, 2013 at 12:55 am | Permalink

    Didn’t help me much, esp. with the color red.
    Also, and this is strange: the graphics I uploaded about 2 years ago were perfect and remain almost flawless.
    I tried to upload a similar one today, completely messed up! What’s changed?

  40. Posted November 28, 2013 at 8:43 pm | Permalink

    Very useful info in this discussion, thanks.
    I had this problem with the profile photo (two colour logo) on our FB club page, and using PNG-24 solved the artefact/noise problems.

  41. Posted January 7, 2014 at 10:49 am | Permalink

    Came across this article over a year later and its still a problem. I set up a test site so I could try and solve this. A lot of my clients want their logos on the FB cover as its too small for the profile pic. Worked for me to set at the size 851 x 315, switch any checked boxes off and then save for web just under 100k and use sRGB. I had a large solid area of pink on a logo and it looked almost perfect! What I need to know now is the profile pic (also a graphic with solid colours) looks awful now! Its under 100k so why does that look so bad? Does it need to be under a certain file size? anyone know?
    Great article by the way.

  42. thgs
    Posted January 9, 2014 at 10:49 am | Permalink

    by adding noise on image (uniform, monochrom a similar one today, completely messed up! What’s changed? to convert ALL images to jpeg. So you should only be trying to upload jpegs to Facebook.

    returned here, copied your original image (top orange super computer), pasted it into IrfanView and saved wit

  43. Posted March 4, 2014 at 4:12 pm | Permalink

    Thanks mate, FB really is annoying with this cover photo quality!

  44. Posted March 30, 2014 at 12:53 am | Permalink

    thank you very much bro

  45. Scott Williams
    Posted August 10, 2014 at 10:03 pm | Permalink

    I’m trying to upload an image for use as FB profile photos. The original is a solid-color vector image, but not a single thing I’ve tried can avoid the images getting compressed :-(

    I tried to follow FB’s own instructions (quoted earlier in this discussion)
    https://www.facebook.com/help/266520536764594/

    Even when the images are
    — saved as JPG
    — at one of those exact resolutions
    — under 100kb

    Still gets compressed, introducing obnoxious artifacts.
    https://www.facebook.com/photo.php?fbid=10101970812712490&l=e4cb453dd2

    And the profile thumbnail pic is, of course, even worse.

    Any ideas?

  46. farebalk
    Posted August 15, 2014 at 4:51 pm | Permalink

    Hi, I´d like to share the procedure that I found to solve a very annoying problem that I had with the image of my cover on Facebook. When I upload my picture lost quality and I lost some time trying to find a good resolution to solve my problem but I don´t find any good answer so I hope that this help to another people . First need to open your image in Illustrator and second you need to save your picture select the option to ¨save for Microsoft Office¨ then Facebook won’t butcher your image I hope this helps you

  47. eliana
    Posted October 5, 2014 at 12:34 am | Permalink

    This really worked, thank you! :)

  48. Ed
    Posted October 6, 2014 at 1:11 am | Permalink

    Just wanted to say, that I just saved a cover with double of the size, using PNG format and works like a charm.

  49. Dan
    Posted October 8, 2014 at 10:44 am | Permalink

    I tried the jpeg compression, but it still has artefacts.

    Tried saving as PNG24, at 851×315 and it looks great on FB.

  50. Hrvoje
    Posted December 9, 2014 at 4:46 am | Permalink

    1. open new document with 851×315 size
    2. check that you work in sRGB mode !!!!!!!
    3. export JPG or PNG [ depending on what u need ] and try to have it under 100 kb

    There will be no compression from FB side and You should have exact cover [quality, colors] as you have on your PC

Post a Comment

Your email is never published nor shared.

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>