title: How to encode image data within an HTML file?
body: <p>I'd like to be able to output an HTML file which includes an image (within the file itself). By Googling, I've come across a couple of ways to do this:</p>
  
  <ul>
  <li><code>javascript:imageData</code></li>
  <li>a data URI such as <code>&lt;IMG SRC="data:image/gif;base64,[...]"&gt;</code></li>
  <li><code>&lt;object ... &gt;</code> tag (although this uses a data URI, so may inherit the same limitations)</li>
  </ul>
  
  <p>But I don't know which is better supported by browsers, or if there are other alternatives.</p>
  
  <p>Can anyone with some practical experience of this offer me advice? Thanks.</p>