將圖片文件轉成data URIs的應用：imacss

jopen 10年前發布 | 27K 次閱讀 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...);
}</pre>
var imacss = require('imacss');


imacss
    .transform('/path/to/your/images/*.png')
    .on('error', function (err) {
        console.error('Transforming images failed: ' + err);
    })
    .pipe(process.stdout);</pre> 
項目主頁：http://www.baiduhome.net/lib/view/home/1403074493293

</span></span>
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！