How to display Sanity images in Gatsby-powered photography sites

I'm looking for the best practice to render images from sanity. I want the best quality possible because it's for a photography/cinematography website. For now, I have a document 'page' with an array field of different object types to make flexible landing pages. So to source images fields in these objects, I query _rawContent in my page template. But then I can't use GatsbyImageSharpFixed_withWebp what I normally use... 🤔
Are there options? With functions or something?

Yess! The gatsby-source-sanity has a nifty plugin:

More info in the docs:

https://www.gatsbyjs.org/packages/gatsby-source-sanity/

But can I use this when i query my data with resoleReferences?

_rawContent(resolveReferences: { maxDepth: 10 })*

Yup. You just need the image asset id which is returned when you query that raw data

But can I use this when i query my data with resoleReferences?

_rawContent(resolveReferences: { maxDepth: 10 })*

Oh ok, so then I don't need GatsbySanityImageFluid_withWebp at all?

I don't understand the difference between gastbyImageFluid and gastbuSanityImageFluid

Now, it's clear! fantastic I was thinking to get my first painpoint but no, still amazed about this technology (speaking drupal developer)