title: Should I embed images as data/base64 in CSS or HTML
body: <p>To reduce the number requests on the server I have embedded some images (PNG &amp; SVG) as BASE64 directly into the css. (Its automated in the build process)</p>
  
  <p>like this:</p>
  
  <pre><code>background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...);
  </code></pre>
  
  <p>Is this a good practice? Are there some reasons to avoid this? Are there some major browser that don't have data url support?</p>
  
  <p>Bonus question: 
  Does it make sense to do this for the CSS &amp; JS also?</p>