princesseuh/astro-eleventy-img

Astro-eleventy-img is a tool for people building websites with Astro who want to optimize their images automatically. It takes your original image files and creates smaller, web-friendly versions in modern formats like WebP and AVIF, so your website loads faster for visitors. At a high level, it does two things. First, it generates optimized versions of your images at the sizes you specify, dropping the new files into your website's public folder. Second, it creates blurry placeholder versions of those images. These placeholders are tiny, encoded directly into the page's code, and they appear instantly while the full-quality image loads in the background. You can use it as a script in your code or as a ready-made Image component that handles the HTML for you. This would be useful for a blogger, a startup founder, or anyone building a static Astro site who cares about page load speed but doesn't want to manually resize and compress every image. For example, if you have a large PNG screenshot for a blog post, this tool automatically spits out the compressed WebP and AVIF versions and writes the HTML to display them efficiently. The most important thing to know is that the project is no longer supported. The creator recommends using Astro's official built-in image handling instead. It was also designed specifically for static websites and does not work with server-side rendering setups. The creator built it mostly for their own site, so while it works, it is not actively maintained.