Helping people with computers... one answer at a time.

Sometimes blurry images are simply an artifact of how images are encoded and downloaded. If blurry images clear up after a second or two, that's almost certain.

My images are coming through 'blurred' when I first call them in; and only start to clear after maybe 1 or 2 seconds when they get progressively clearer until reaching the correct resolution. Do I need to download something from somewhere to enable my images to come straight in at maximum resolution?

It's not your problem, and there's nothing you can, or need, to do about it.

In fact, in classic software parlance: it's not a bug, it's a feature!

Let me explain why.

Jpeg image files (typically files ending in ".jpg" or more rarely ".jpeg"), can be created to display in two different ways: "Standard" or "Progressive". When displayed, a standard jpeg will typically be drawn from the top down, one line at a time. A progressive jpeg, on the other hand, will display over the entire image area, but in several passes - each one with more detail than the last.

It's that last type of image you're probably seeing. And as you can probably see, it's not something you control - whomever created the image elected to encode it this way.

The question of course is: why?

The surprising answer: bandwidth.

The question is if you're downloading an image over a low connection (or even downloading a large image over a fairly fast connection), how soon will you realize that the image isn't worth waiting for?

"It's all a matter of ... how much the image creator wants you to see, and how quickly."

Let's say the image is downloading and you've received 1/4 of the image data. For a standard jpeg, that means you'll see roughly the top quarter of the image. For a progressive jpeg, that means you might see the entire image, but it'll be "out of focus".

For some images that standard format top quarter, in focus, will be enough for you to know what the rest of the image is going to be. For other images it's not. For some images that first progressive format "out of focus" image is enough. For other images it's not.

It's all a matter of how much you want to see, and how quickly. Or rather, how much the image creator wants you to see, and how quickly.

The good news is that a) the size of the same image encoded either standard and progressive isn't all that different, and b) the result when they both complete downloading is the same.

And with internet download speeds increasing all the time, the actual difference is rarely important - most images display before you even realize that they're one or the other.

Article C2754 - August 13, 2006 « »

Share this article with your friends:

Share this article on Facebook Tweet this article Email a link to this article
Leo Leo A. Notenboom has been playing with computers since he was required to take a programming class in 1976. An 18 year career as a programmer at Microsoft soon followed. After "retiring" in 2001, Leo started Ask Leo! in 2003 as a place for answers to common computer and technical questions. More about Leo.

Not what you needed?

11 Comments
Ken
August 14, 2006 8:10 AM

As I recall, the older GIF format has the same ability, only it was called "interlaced". First, you get every 8th line. Then you get the lines halfway between them, resulting in every 4th line. Then another pass gives you every other line. And finally, the last lines are filled.

Greg Bulmash
August 14, 2006 8:43 PM

Gotta second Ken. When I first saw the title, I thought this would be about interlaced .gif files.

But it's not just about bandwidth, it's about page load time. IIRC, under certain circumstances, portions of a page will not render until all of the elements for that portion are downloaded. If you have a standard .gif or .jpeg in that portion, the browser waits until the entire file has downloaded. But if you have a progressive .jpeg or interlaced .gif, the browser starts rendering the page as soon as it has the data needed for the first display pass on the graphics.

So if you've got a slow server, a lot of users on dial-up, and/or a graphics heavy page, it actually allows them to view non-graphical parts of the page faster by using interlaced .gif and progressive .jpeg, because the browser doesn't have to wait as long to render sections of the page that contain the files.

Miranda
February 28, 2007 11:58 AM

Why are all of the pictures, no matter what site I am on come up blurry? If I click on a single picture and say veiw original, then that one picture clears up....but even images, like the one on this page of the tip jar...is blurry!
can someone please help?
thank you

Leo A. Notenboom
March 3, 2007 9:50 AM

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Quite often that happens because of web or internet "accelerators"
offered by some ISPs. They make pictures smaller and faster to download
by compressing them more, at the cost of clarity. I think most
accelerators have ways of adjusting that tradeoff, but you'll need to
check with your ISP.

Leo
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.6 (MingW32)

iD8DBQFF6bWgCMEe9B/8oqERAlyjAKCEHmcVVcViyH8UCSNJ42w5jMVUKgCdGrob
+wIgYb0zbxM+Emk6mA6IQTk=
=nSGg
-----END PGP SIGNATURE-----

R K Nair
January 7, 2008 11:02 PM

Dear Mr.Leo,
I have a problem related to the subject. Since last couple of months, the jpeg images either downloded or in a webpage show up hazy and are not getting corrected. Image remains blurred (with big tiles). I tried resolving the issue by reinstalling IE6 and then installing IE7. Problem remains.
Is there any solutin without formatting and reinstallin g windows?
Please suggest a solution.
Thank you.

R K Nair

uma
April 5, 2008 7:43 AM

I have a problem related to the subject. Since last couple of days, the jpeg images either downloded or in a webpage show up hazy and are not getting corrected. Image remains blurred (with big tiles). I tried resolving the issue by reinstalling IE6 and then installing IE7. Problem remains.
Is there any solutin without formatting and reinstalling windows?
and i faced this problem when i downloaded the plugins for 3D animation.thank you.

Steffen
June 11, 2008 5:07 AM

A response to R K Nair (two articles above):

I have the same problem. The jpg shows (and remains) up blurry on some browsers, and is clear on others. After spending lots of time looking for an answer, bur finding none, I switched over to png format. Now the problem's gone, and all images are clear on all browsers (as far as I know).

Still, it would interst me to know how to get a jpg to be correctly displayed on all internet browsers.

jo roberts
February 12, 2009 8:03 PM

please help. my pictures on the web and facebook and hotmail are blurred, how can we unblur them all, it tells me to ctrl F5 to make it clear and sharp to each page/picture. i cant keep on doin it to every picture. please help!!!!

keshia
March 30, 2009 9:45 AM

Hi my pictures are blurry on facebook, if i hover the mouse over the picture it says shift+R improves the quality of this image.Ctrl+F5 reloads the whole page. its so annoying because when i do this it doesnt work..?
whats wrong please can you help thanks!.

rajwinder singh gill
May 31, 2010 6:38 AM

images on almost all sites i open are blurr and they remain like that and doesnt get cleared up.

Katherine Mackau
August 30, 2010 7:35 AM

since the 1st of August the picuture images are all blurry and can't really see them, WHAT HAPPENED????

Comments on this entry are closed.

If you have a question, start by using the search box up at the top of the page - there's a very good chance that your question has already been answered on Ask Leo!.

If you don't find your answer, head out to http://askleo.com/ask to ask your question.