title: html load background image lower quality
body: <p>I have a website with the code:</p>
  <pre><code>#part1{
      background-image: url('grass_v001.png');
  }
  </code></pre>
  <p>However, the grass_v001.png is a very large file, and takes several too many seconds to load on the browser (slow load times = a less professional look). Is there a way to lower the quality of the image solely through css? I'd rather not work in JS or Jquery for this, but I will if I need to. Thanks!</p>