将图片文件转成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);</span>