Home

Awesome

PostCSS Inline Image Build Status

PostCSS plugin that puts images as data URIs into your CSS.

.foo {
    background-inline-image: url(one_pixel_transparent.gif);
}

.foo {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

Usage

postcss([ require('postcss-inline-image') ])

See PostCSS docs for examples for your environment.