Image utility
Requires Node 22+
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. Use with <picture> or <img> or CSS background-image, or others! Works great to add width and height to your images!
The full Image utility documentation is on 11ty.dev.
- 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
Installation
npm install --save-dev @11ty/eleventy-img
The full Image utility documentation is on 11ty.dev.
Tests
npm run test
- We use the Node.js test runner with
node:assert/strict. - ℹ️ To keep tests fast, thou shalt try to avoid writing files in tests.
Community Roadmap
- Top Feature Requests (Add your own votes using the 👍 reaction)
- Top Bugs 😱 (Add your own votes using the 👍 reaction)
- Newest Bugs 🙀