title: Javascript Get Image Object From Sprite
body: <p>I'd like to use a spritesheet to reduce the number of HTTP requests  times for a tile game.</p>
  
  <p>Assuming there are about 2000 different types of tiles, that's 2000 requests less for each time the game is loaded.</p>
  
  <p>The sprite is 64 pixels high and contains 64 by 64 pixel tiles.</p>
  
  <p>The following code retrieves the single image and starts rendering:</p>
  
  <pre><code>var tiles = new Image();
  tiles.src = "tiles.png";
  
  tiles.onload = function() {
      startRendering();
  };
  </code></pre>
  
  <p>My question is, how could I retrieve individual Image objects from this?</p>