I am creating a site that uses an image as the background. I hate having the image load from top to bottom as it just makes the page look bad as it is loading. I have seen some sites that load a really low resolution image and then it gradually moves up to the full resolution photo. I would like my site to do the same but I don't know how to implement this. Does this requires multiple image files and more bandwidth? I would like it to use the same bandwidth/take the same amount of time as the traditional way does.
Another option is to use an online image converter as interlaced is the type of file that was saved. Here is one I found: http://njarb.com/2011/08/progressive-and-interlaced-images/ But in Firefox it looks like it doesn't load it interlaced but instead it waits till its fully loaded.