Jpg images degraded and reloaded on mouseover in web browser

[Kikaider]

I am facing a jpg image quality issue.

After I upload all my optimized jpg images for my website to the hosting server, I open up the site with web browser and found all the jpg images become blurry or blocky.

When I move the mouse cursor over one of the jpg image, a tooltip shows up saying "wait 2 secs to reload the image". And it really reloads and is refreshed with the original optimized image after waiting for a few seconds.

The rest of the images remains the same. And I can reload them one by one by placing the cursor over each of them. However, those images referenced by background property in CSS cannot be reloaded and thus the background became unsightly.

I test it with IE7, Firefox, and Chrome and the results are all the same. Such tooltip and image reload happen to almost any other webpages I open (webdesignforum.com is no exception). I try googling it with "wait 2 secs to reload the image" and surprised by the number of the irrelevant results. Have anyone encountered this issue before? Appreciate any reply. Thanks!

 

[PixelPusher]

Sounds strange?? do you have a link to your site so we can see this in action?

 

[Kikaider]

Yes it's indeed very strange. This problem doesn't happen to my website alone. It affects any sites I visit. I suspect it is browser or related plug-in problem on my computer. All browsers (Firefox, Chrome, IE7) have the same problem except IETester.
So linking to my site wouldn't help as you probably won't see it with your browser.

In my previous post, I mentioned uploading images of my website just to let the readers know I know exactly how the images should look like.

There are similar forum post about the same issue:
http://androidforums.com/17140-post236.html
http://www.photomalaysia.com/forums/showthread.php?t=103030

Thanks.

 

[Kikaider]

To help everyone understand the issue, I have attached a screenshot of this website. When I point the cursor to the red triangle image, the "wait 2 secs to reload image" tooltip appears and the image refreshes.

The major issue here is that the browser doesn't load the images in their best quality until I move the mouse over each of them (and some used as background can't be refreshed at all).

My concern is, if website users also have the same issue, all the effort to optimize the images will go down the drain.

 

[torrfriend]

delete your browser cache........then try

 

[Kikaider]

Nope, it didn't work for me. And I think website visitors usually won't delete browser cache just to ensure image quality.

This problem does not only affect image quality, but also the usability of forums. I did some googling and found many forum posts contain the phrase "wait 2 secs to reload the image".

It seems that the forum users did not mean to add this phrase in their post, but to add smilies. When I click a smiley, this phrase shows up in the post instead of the selected smiley, unless I really wait for a few secs until the smiliey is refreshed.

 

[johannelim]

These compressed JPGs that you see as a symptom while browsing is most likely your telco doing some kind of compression on your connection (which manifests degradation in media like flash and jpg).

It is most like not your webhost doing this to you.

I have joined a similar cause against one of our local telco here in the Philippines that dupes consumers into great broadband surfing prices, at the cost of your surfing content getting compressed.

http://www.causes.com/causes/375530?m=c55649e9

You can tell which telcos are being dishonest from the better ones since they don't write anywhere in their fineprint about compressing your data to allow for more bandwidth to more users.

Compression would have been ok, HAD THEY TOLD US UPFRONT (the lying cheating snakes that they are).

Oops... before this rant turns into a fullblown fit of rage, ask your telco if they do JPG or media compression. It's most likely you get good subscription rates because of compression caveats.