0

I have a 635 KB JPG file as background and It does not get displayed until the page is loaded.

That is making my website look ugly as soon as someone hits it.

How do I make it load progressively as received?

My css is

html {
        background: url(img/1.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
spod
  • 406
  • 3
  • 5
  • 19
  • You may show the "Loading" message only until page get loaded. http://stackoverflow.com/questions/1435015/how-can-i-make-the-browser-wait-to-display-the-page-until-its-fully-loaded – Krish R Nov 01 '13 at 06:20
  • [this](http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html) is how a guy is doing but he said try it for myself – spod Nov 01 '13 at 06:23
  • this will help you http://www.yuiblog.com/blog/2008/12/05/imageopt-4/ – Arpit Srivastava Nov 01 '13 at 06:29
  • he just explains the difference, He says it is a default action, but my website does not load it as baseline image. I am using firefox. – spod Nov 01 '13 at 06:35

0 Answers0