Image processing plugin

It would be nice to have a plugin that can take a source image and output various optimized formats, leveraging srcset and the like to enable responsive images.

As far as I can tell, this is blocked by https://github.com/lovell/sharp/issues/2583 which is blocked by upstream Deno support.

[enjikaka]

Hm, instead of resize maybe re-use srcset but without urls and add that in while transforming?

In:

<img src="image.jpg" srcset="300w, 500w, 769w">

Out:

<img src="image.jpg" srcset="image_360w.jpg 300w, image_500w.jpg 500w, image_769w.jpg 769w">

At first glance that feels like an easier API for an end-user, at least if familiar with srcet from before. That would need a check against exernal images though. The resize attribute option is better in that way; that it being defined or not would be checked for, instead of the src. data-srcset as input has the same pro, with the added benefit that the input doesn’t have an invalid srcset or invalid attribute name.

[oscarotero]

I’ve used sharp in other node projects and it’s an incredible library, and a Deno version would allow us to create plugin similar to Eleventy (https://www.11ty.dev/docs/plugins/image/)

For now, the only way is a script on “afterBuild” event, for example using imagick:

site.addEventListener("afterBuild", "convert -resize 800x800 _site/*.jpg");

But definitelly, if sharp is ported to Deno, we will have a image processing plugin.