title: Do Images Load Faster in HTML or CSS?
body: <p>If I load an image using this html on my sidebar</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="http://fc06.deviantart.net/fs70/f/2012/099/d/f/stackoverflow_16x16_icon_by_muntoo_stock-d4vl2v4.png" height="200px" width="200px" alt="image" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Would it load any faster/slower than if I instead put on the sidebar
  where my style.css (which is called in the header) has</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.image {
    width: 200px;
    height: 200px;
    background-image: url('http://fc06.deviantart.net/fs70/f/2012/099/d/f/stackoverflow_16x16_icon_by_muntoo_stock-d4vl2v4.png');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="image"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>