title: What is the most efficient way to store an image? HTML/CSS/JS
body: <p>I am going to have a lot of images and trying to find the most efficient way of storing these images to keep the page snappy.</p>
  
  <p>So far I have thought of just the two ways: load with javascript eg <code>picture = new Image(); picture.src = "file.jpg";</code> and append / remove to the page as necessary, or load into <code>&lt;img&gt;</code> and set <code>display:none</code>. </p>
  
  <p>Are there other options? what is considered the best way to do this?</p>