@11ty/eleventy-img

Low level utility to perform build-time image transformations.

Usage no npm install needed!

<script type="module">
  import 11tyEleventyImg from 'https://cdn.skypack.dev/@11ty/eleventy-img';
</script>

README

eleventy Logo

eleventy-img

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.

The full eleventy-img documentation is on 11ty.dev.

npm Version GitHub issues

Installation

npm install @11ty/eleventy-img

The full eleventy-img documentation is on 11ty.dev.

Tests

npm run test