Low level utility to perform build-time image transformations for both vector and raster images. Output multiple sizes, save multiple formats, cache remote images locally. Uses the sharp image processor.
You maintain full control of your HTML—this plugin does not generate any markup. Use with <picture>
or <img>
or CSS background-image
, or others! Works great to add width
and height
to your images! Does not require or rely on file extensions (like .png
or .jpg
) in URLs or local files, which may be missing or inaccurate.
- This is a plugin for the Eleventy static site generator.
- Find more Eleventy plugins.
- Please star Eleventy on GitHub, follow @eleven_ty on Twitter, and support 11ty on Open Collective
npm install @11ty/eleventy-img
The full eleventy-img
documentation is on 11ty.dev.
npm run test
- We use the ava JavaScript test runner (Assertions documentation)
- ℹ️ To keep tests fast, thou shalt try to avoid writing files in tests.