将图片文件转成data URIs的应用:imacss

jopen 10年前

imacss是一个应用程序和库能够将图片文件转成 data URIs (rfc2397) 并将它们嵌入到一个单独的CSS文件并做为背景图片。

比方说,你</span>有一个基于Web的前端其中嵌入了大量的图片(如图标)对于</span>每一张图片</span></span>引用将产生对应的一个HTTP请求如果想将它最小化到只有一个请求,那么利用imacss就能够达到
.imacss.imacss-github {      background:url(data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEBg...);  }    .imacss.imacss-quitter {      background:url(data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhADA...);  }
var imacss = require('imacss');    imacss      .transform('/path/to/your/images/*.png')      .on('error', function (err) {          console.error('Transforming images failed: ' + err);      })      .pipe(process.stdout);

项目主页:http://www.open-open.com/lib/view/home/1403074493293

</span>