Does this support next/future/image?

[ghost]

If not, can you add support for it. https://nextjs.org/docs/api-reference/next/future/image

[Niels-IO]

Hi @robert-sperse, the new image api from Next.js is not yet supported. I will have a look at it

[elliott-w]

Looks like next/future/image is now stable: https://nextjs.org/blog/next-12-3#image-component

[Niels-IO]

Hi @elliott-w,

Thanks for bringing awareness to their progress with the new Image component. Once they announce their next major version and more implementation details, I will reflect the changes here so that the syntax matches closely.

[elliott-w]

Forgive my ignorance, but I can't see what further implementation details you'd need than those specified in the api reference here?

[RichardLindhout]

Would be really nice if the future image is supported since it's a lot less 'hacky' than the old component with spans e.t.c.

[Niels-IO]

Hey, definitely, the new implementation is a lot simpler. I am on it to support the future image as well.

[RichardLindhout]

Changing is fairly easy
RichardLindhout@3972110
RichardLindhout@5a616c0

If you can't wait you could use my fork :)

yarn add https://github.com/RichardLindhout/next-image-export-optimizer

[Niels-IO]

I just published v0.17.0, which supports the next/future/image component.

Please let me know whether it works as expected, as I had to implement the blurry placeholder image using an SVG filter since the wrapper that had overflow:hidden set (which limits the blur to not extend over the image borders) is gone in the next/future/image component.