image icon indicating copy to clipboard operation
image copied to clipboard

Feature request: Create responsive images with Cloudinary and download them

Open katerlouis opened this issue 4 years ago • 1 comments

We often create image-specific breakpoints using the "Responsive Breakpoint Generator" from cloudinary. But we don't want to host the images remotely. https://www.responsivebreakpoints.com/

So I'm wondering if a buildModule like is potentially able to do that for me and if this is something you would think is something @nuxt/image could be doing.

The already existing presets: {} property would be ideal for a concept I have in mind: A big hero image does require different parameters in the responsive breakpoint generator than an article thumbnail for instance. presets: {} could hold these parameters.

Then I would imagine a source folder with high-res images being looped through. The images file-name could look like this: hero-cats;preset-hero.jpg

If @nuxt/image could now upload this image to cloudinary with parameters coming from the correct preset, then download the result to a image-dist folder and use that as the srcset when referencing it in <NuxtImage>, I'd be one very happy developer :D

katerlouis avatar Feb 03 '21 12:02 katerlouis

In general I would love an option to download images from the providers during the build. I don't want to rely on paid bandwidth when I have a really cheap option to store images together with the website.

marekbrze avatar Jan 28 '22 15:01 marekbrze