How can I use Sharp with Remix to optimize images?

[jaunty heron]

I have my images locally in the public folder with '.png' format

I would like to use sharp to optimize them and parse to '.webp'

I tried using a resource route like this