next-optimized-images icon indicating copy to clipboard operation
next-optimized-images copied to clipboard

webp srcset

Open rotexhawk opened this issue 5 years ago • 8 comments

Is it possible to apply multiple transformations by chaining the query params? something like image.jpg?webp?trace?resize

rotexhawk avatar Jul 06 '19 18:07 rotexhawk

Does not seem so. https://github.com/cyrilwanner/next-optimized-images/issues/43#issuecomment-449113930

responsive-loader does not support webp export https://github.com/herrstucki/responsive-loader/issues/42

MerlinScheurer avatar Jul 07 '19 10:07 MerlinScheurer

That's a bummer. Thanks for the response.

rotexhawk avatar Jul 08 '19 15:07 rotexhawk

This would be a massive improvement tho, I've got many images to serve and lighthouse says theres a huge difference to be made, I guess that does apply to most of the websites in general.

0104910052 avatar Jul 21 '19 21:07 0104910052

Would be great if this would be possible. Would like to ?webp?url or ?webp.url at least, to prevent inlining of certain images.

mastef avatar Aug 12 '19 05:08 mastef

responsive-loader now supports webp format conversion: https://github.com/dazuaz/responsive-loader/issues/42

image.jpg?resize&sizes[]=800,sizes[]=1200,sizes[]=1440,sizes[]=1600,sizes[]=1900&format=webp

jeremiedubuis avatar Aug 04 '20 11:08 jeremiedubuis

Running into this as well — does what @jeremiedubuis have there work?

iMuzz avatar Oct 03 '20 01:10 iMuzz

I've tried adding &format=webp and unfortunately it's not working. I get this error: NonErrorEmittedError: (Emitted value instead of an instance of Error) Unsupported MIME type: image/webp. I have the latest version of responsive-loader installed.

nathanosdev avatar Dec 19 '20 19:12 nathanosdev

I got this working now using sharp instead of jimp. https://github.com/cyrilwanner/next-optimized-images/issues/207

nathanosdev avatar Dec 29 '20 16:12 nathanosdev