grunt-image-embed/example/css/styles.css

Grunt task for embedding images as base64 data URIs inside your stylesheets.

.local {
  /* local images */
  background-image: url('../images/test.png');
}

.existing {
  /* existing base64 images will be skipped */
  background-image: url('data:image/png;base64,this will not be encoded');
}

.skip {
  /* skip images using a comment directive */
  background-image: url(images/test.gif); /*ImageEmbed:skip*/
}

.external {
  /* external images work too */
  background-image: url('https://raw.github.com/ehynds/grunt-image-embed/master/example/images/test.png');
  border-width: 1px;
  border-style: solid;
  border-color: black;
}