rabidaudio / gulp-inline-image-html

Gulp task inlining images in HTML
MIT License
9 stars 8 forks source link

gulp-inline-image-html

A Gulp task for inlining images inside HTML. For example,

<img src="https://github.com/rabidaudio/gulp-inline-image-html/raw/master/test.png"/>

becomes

<img src="https://github.com/rabidaudio/gulp-inline-image-html/raw/master/data:image/png;base64,iVBORw0KGgoAAAANSUhEU..."/>

This is a wrapper for inline-images by Max Ogden.

Usage

var gulp = require('gulp')
var inlineimg = require('gulp-inline-image-html')

gulp.task('default', function () {
  gulp.src('src/**/*.html')
    .pipe(inlineimg('src')) // optionally pass in the base directory for looking for images
    .pipe(gulp.dest('dest/'))

})

License

MIT