postcss-inline-image

PostCSS plugin that puts images as data URIs into your CSS

Usage no npm install needed!

<script type="module">
  import postcssInlineImage from 'https://cdn.skypack.dev/postcss-inline-image';
</script>

README

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.