5

I came across this image (re-uploaded below) that seems to load with interleaving on.

First pass Second pass Final Product There is also another pass between the blue/yellow pass that is a lower resolution full-color version of the final product.

However, instead of it starting out blurry and then becoming sharp, it appears to load in black and white, then a layer of green, then colored, and then a sharper version of the colored result.

For context, this image is of the recent Katmandu earthquake and I'm assuming this interleaving was chosen to convey the image's content quicker on slower connections (i.e. in more remote or less developed areas of the world).

Why does it do this? Are there multiple ways a JPEG image can be interleaved?

6
  • @Darth_Vader I couldn't decide which one to put it on; photography didn't seem to talk much about file formats and graphic design seemed more about digital imaging. Apr 30 '15 at 17:15
  • Well I can't see any progressive loading of the image at all..... so...
    – Scott
    Apr 30 '15 at 19:53
  • @Scott Might need to slow down your network.... May 1 '15 at 0:05
  • @Scott I did it for you and posted screenshots. May 1 '15 at 0:11
  • 1
    The JPEG (as most are) is saved in the YCbCr color space. I have a sneaking suspicion that you're seeing the individual channels loading slowly and layered on top of each other, but I'm not knowledgeable enough on the subject to answer why this happens
    – JohnB
    May 1 '15 at 1:55
3

Yes, there's many ways JPG can be interleaved. Your example was probably specially encoded in sequential JPG compression instead of progressive.

"..There are tens of thousands different ways to produce progressive JPEGs, "progressive" is definitely not restricted to a single predefined way. For instance JPEGrescan conducts trials with different progressive configurations to reduce the file size, yes progressive JPEGs are often smaller than sequential ones. Even what is often called "baseline JPEG" ("sequential" is more appropriate) could be recorded in 13 different ways. 99.99% of sequential JPEGs use the single scan with 3 interleaved components scheme therefore JSK will only output a single scan_001.jpg file when it encounters one of these numerous sequential JPEG (it's not a bug, it's a sequential JPEG).

JSK produces between 1 and 3 scan images when the input file was a sequential JPEG, 4 scan images and more mean the input file was a progressive JPEG."

Image below has a progressive JPG on the left and sequential on the right:

Sequential and progressive JPG compression

Source: This site below explains in more details and with more examples how this can be achieved:

http://encode.ru/threads/1800-JSK-JPEG-Scan-Killer-progressive-JPEG-explained-in-slowmo


It's often used for very detailed and heavy JPG. It was a bit more popular for regular web images in the 90' because of the slow modems.

Fish image JPG in progressive format

If you save a JPG in Photoshop (and not a "save for web") you will notice the last option is "progressive" and lets you choose how many scans you want.

But for your image sample, it was probably done using a special JPG codec.

If you want to read more about it:

https://en.wikipedia.org/wiki/Libjpeg

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.