metalsmith-srcset-auto

Patch HTML files to include detected srcset images.

Usage

Put your srcset-eligible images besides main image:

$ ls src/assets/
image.png
image@2x.png
image@3x.png

Inside input HTML file:

<img src="/assets/image.png">

Output:

<img src="/assets/image.png" srcset="/assets/image@2x.png 2x,/assets/image@3x.png 3x">

Javascript API

const metalsmith = require('metalsmith');
const srcsetAuto = require('metalsmith-srcset-auto');
 
metalsmith(__dirname)
  .use(srcsetAuto())
  .build();