Is an image that is display: none loaded by the browser? <p>Are these images loaded by the browser:</p> <pre><code>&lt;div style="display: none"&gt; &lt;img src="/path/to/image.jpg" alt=""&gt; &lt;/div&gt; </code></pre> <p>or </p> <pre><code>&lt;img src="/path/to/image.jpg" alt="" style="display: none;"&gt; </code></pre> <p>By "loaded by the browser" I mean, are these images loaded immediately by the browser so that they are available right away when the image is no longer displayed as none using css. Will it be taken from cache or loaded anew the moment it is no longer displayed as none?</p>