title: How to Encode an Image into an HTML file
body: <p>So this may be a weird question,  but bear with me. I am designing a block of code for a website. I am creating a </p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>element with all the content inside it. 
  Style tags are included within it, as are script tags. For ease of design, they wish for only an HTML file with the script and CSS inside of it. I also have a background image that I am using. It is used elsewhere on the webpage, and SHOULD show up when the code is inserted into the website> However, since I have no way of verifying this, I would like to include the image into the HTML file. I am NOT talking about the image tag (as below)</p>
  
  <pre><code>&lt;img src='image.jpg/&gt;
  </code></pre>
  
  <p>I am talking about somehow including or encoding the image into the physical HTML file, So that there isn't a separate HTML file and JPEG file, but just one HTML file. Is this even possible? If so, how?</p>
  
  <p>EDIT: Thanks for the help with Base64, but that can be rather long, and add a whole bunch of length to the HTML file. Are there any OTHER possible solutions? </p>