gulp-inline-image-html

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

<img src="test.png"/>

becomes

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEU...."/>

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

Usage

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

gulp.task('default', function () {
  gulp.src('src/**/*.html')
    .pipe(inlineimg('src'))  // takes in the directory to use as the root when looking for images
    .pipe(gulp.dest('dest/'));