I have been really frustrated lately at the image quality of the pictures I post. I will post a crisp, clean image to my blog and it comes out looking flat, slightly pixelated and compressed on my post.
I wasn't sure if it was something I was doing wrong in the uploading, or if it was something that was happening to my images when they were posted. I thought perhaps it was the method I used to reduce the image resolution before posting (I do this for two reasons: for people viewing my blog that may have a slower internet connection and have trouble viewing large files, and also so that I don't use up all my allotted space on Blogger!).
So I did an experiment and uploaded the same image three times in one post...one that was the original, full size image, one at half the resolution, and one at 1/4 the resolution. They all looked exactly the same when viewed in the post. I had discovered my answer...this was not my problem!
So I googled around and found that others were having issues with the poor quality of their images on Blogger. (Now I am slapping my forehead that I didn't just Google this sooner. It was such an easy fix!)
I am sure there are other ways to address this issue, but I saw a noticeable difference when using this one. Upload your image, then choose the Edit HTML tab. Look for something in the code of your image that says something like "/s400" (the number might be different, in some mine said /s320). Delete that part of the code (including the back slash). That is the step where Blogger compresses your image.
This first image is before I removed the code:
And this is after I removed the code:
In this particular image, the only thing in sharp focus in his face and that is where you will see a noticeable difference in quality.
One of the frustrating things about this approach is that you have to go in and delete it for every single
picture. Which is kind of a beating if you utilize a lot of images in your posts, so if anyone happens to know a way to get around this please let me know!
Here is another example with an image from a recent post, just in case you couldn't see the difference in the first one...
Compressed, Pixelated, No Bueno
Much Cleaner and Crisp, especially in the faces
Last example, and then I am off to reclaim the photographic integrity of my images in my recent posts. I promise I am not as OCD as this post makes me sound... :-)
Maybe this can help a fellow blogger, too!