title: What browsers download hidden images
body: <pre><code>&lt;style type="text/css"&gt;
      .hidden-image-container {
          display: none;
      }
  &lt;/style&gt;
  &lt;div class="hidden-image-container"&gt;
     &lt;img src="lulcats.png" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm mainly interested in what mobile browsers make the <em>optimization</em> of not downloading an image that's in a hidden container.</p>
  
  <p>This would allow me to signficantly reduce initial download time.</p>
  
  <p><a href="https://stackoverflow.com/questions/8970521/how-to-not-send-images-to-mobiles-in-a-semantic-manner">Related reference question about loading images across devices</a></p>