Upload and Display Quality

In my previous blogging experience, I uploaded tons of photos, mostly to share Max's development with friends and family; the quality of the display was never much of a concern to me... I'd noticed some image loss with Blogger, but it was never enough to bother me at all.
Now that I'm paying more attention to my photography, and as I participate in various classes and challenges online, I'm looking to get what appears online to appear more like what I see on my computer screen.
(This is especially important to me as I spend more time in editing and post-processing; I spend a bunch of time making an image look *just so* and then upload it, to see the colors get tweaked and the photo get pixelated/filled with artifacting.

I'm going to upload the same digital file to a variety of sources; it's a 400 x 550 pixel, RGB jpeg image, saved from Photoshop at maximum quality (12)

First, uploaded straight to Blogger, using their image hosting:


Now, I'll upload the image to some other hosting sites and compare what happens.

Flickr


Walagata (An inexpensive hosting site I've been using for years)


Tinypic

Facebook


Pretty much, it appears that the Blogger hosting is the only one that zaps the image quality quite so dramatically... I'll continue using it for my other blog, to share photos for my parents and in-laws... for for this blog, for this project, I'll be uploading to Flickr and posting that here, to get better image quality. As an added bonus, you'll notice my images will be a tad larger as well...