title: How to load low quality images first for faster downloading of website?
body: <p>I'm working on Asp.net MVC3 web application. I'm having one page on which appx. 100 images of several size are being loaded with total appx. size of 1.5MB.</p>
  
  <p>I will work on distributing this 100 images to several host names to make it load faster later on. But right now I need your help to optimize load speed of the images. And I really can't use Sprite for these images.</p>
  
  <p>I'm specifically interested to implement something that can load degraded images on the first load and then gradually increase the image quality as more and more bytes are downloaded. So basically it will load low quality images on first and then as more bytes are downloaded image quality will improve.</p>
  
  <p><strong>Update:</strong>
  I have seen several websites where images are loaded gracefully, meaning in the beginning it looks very croppy and  then their quality improves over time as it downloads further.</p>
  
  <p>How do they do it?</p>