Set up Eleventy image plugin

kleinfreund · Nov 17, 2024 · 334e6df · 334e6df
1 parent a0044fd
commit 334e6df
Show file tree

Hide file tree

Showing 8 changed files with 831 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 _site
+.cache
diff --git a/eleventy.config.js b/eleventy.config.js
@@ -3,6 +3,7 @@ import { join } from 'node:path'
 import { inspect } from 'node:util'
 
 import { IdAttributePlugin } from '@11ty/eleventy'
+import { eleventyImageTransformPlugin } from '@11ty/eleventy-img'
 import pluginRss from '@11ty/eleventy-plugin-rss'
 import * as cheerio from 'cheerio'
 import CleanCSS from 'clean-css'
@@ -77,6 +78,14 @@ export default function (eleventyConfig) {
   eleventyConfig.addFilter('dateToRfc3339', pluginRss.dateToRfc3339)
   eleventyConfig.addFilter('getNewestCollectionItemDate', pluginRss.getNewestCollectionItemDate)
 
+  // Image plugin
+  eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
+    defaultAttributes: {
+      loading: 'lazy',
+      decoding: 'async',
+    },
+  })
+
   return {
     dir: {
       input: ELEVENTY_INPUT_DIR,