11ty: v3.0
11ty-image: v6.0.1
Image definition (in markdown):

Plugin definition:
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
formats: ["avif", "gif", "webp", "png", "jpeg"],
sharpOptions: {
animated: true,
}
});
Output (getting a 500):
<picture>
<source type="image/webp" srcset="/.11ty/image/?src=https%3A%2F%2Fres.cloudinary.com%2Fdfue3cfts%2Fimage%2Fupload%2Fv1738860609%2FSyntackle%2FPosts%2FScreen_Cast_2025-02-06_at_10.18.49_PM_nrhnla.gif&width=680&format=webp&via=transform 680w">
<img src="/.11ty/image/?src=https%3A%2F%2Fres.cloudinary.com%2Fdfue3cfts%2Fimage%2Fupload%2Fv1738860609%2FSyntackle%2FPosts%2FScreen_Cast_2025-02-06_at_10.18.49_PM_nrhnla.gif&width=680&format=gif&via=transform" alt="deepseek model with a vscode extension named cline" width="680" height="1472">
</picture>


11ty: v3.0
11ty-image: v6.0.1
Image definition (in markdown):
Plugin definition:
Output (getting a 500):