12 replies

1. Nicolas Hoizey Mastodon 23 min later

   @zachleat I've started using Eleventy Image for the first time today, for the photos on my new Eleventy site, for example on https://activites.nicolas-hoizey.com/activites/2025/07/28/dijon-tournus-jour-4/

   And my own weird trick to reduce build times by 99 % is to use `urlFormat` (only for production builds) so images are resized and optimized by Cloudinary… 😅

   As this is my first time, I didn't find if there's a way to define settings per template, of even better a HTML container, instead of attribute overrides on each image. 🤔

   1. Zach Leatherman Mastodon 1 hr later

      @nhoizey the transform method does use attributes, yeah. If you’re wanting programmatic access to each image transformation, the transform method is likely not for you. (use the shortcode method instead?) I’d subscribe to something like https://github.com/11ty/eleventy-img/issues/248 for future work there

      1. Nicolas Hoizey Mastodon 2 hr later

         @zachleat I can use the shortcode in Nunjucks templates indeed. I want to keep using standard Markdown in content files, though, so the transform method is great anyway. I'll use attribute overrides when necessary.

         I also commented the issue, with an additional solution to the one suggested by @TheRealNooshu, which is also interesting.

2. Zach Leatherman Bluesky 28 min later

   (now with fixed OG image, thank you @cassidoo.co 😅)

3. Max Böck Mastodon 5 hr later

   @zachleat @11ty just tried this on a site with lots of images and dropped a cool 4 minutes off the build. thanks! 🚀

   1. Zach Leatherman Mastodon 5 hr later

      @mxbck @11ty *awesome*

4. Seb Duggan Bluesky 5 hr later

   Ah, I thought it cached to .cache automatically, and couldn’t work out why Cloudflare Pages never used the cache on the next build…

   Thanks for the tip - I’ll give it a go!

   1. Zach Leatherman Bluesky 6 hr later

      we should do that but don’t currently! we’ll probably tackle that soon!

      1. Seb Duggan Bluesky 20 hr later

         Your code example is missing “import path …”

         1. Zach Leatherman Bluesky 1 day later

            ah, thank you! fix is building

5. Adam Stoddard Mastodon 1 day later

   @zachleat this uhhh, feels a lot easier than my "move the entire build from Cloudflare to GitHub Actions" approach 😅

   1. Zach Leatherman Mastodon 1 day later

      @aaadaaam oh no!! 😭