Process image formats and sizes

A tool for using @11ty/eleventy-img to process images into different formats and sizes.

Getting started

1. npm i
2. Set options for the output in the eleventy.config.js file.
3. Place source images into the ./src/img directory.
4. Run npx @11ty/eleventy or eleventy if you previously had eleventy installed globally.

Options

// add array of width's you would like output (11ty-img wont upscale)
widths: [600, 900, 1200, 1800],
formats: ['png', 'jpeg', 'webp', 'avif'],

Full options list