将图片文件转成data URIs的应用:imacss
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>
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!