Are there any plans that the Integration Fields will support more image optimization features? Or that we can download the images up front like we can do with all the other content?

Hi @dfmkraaijeveld , Prismic does not have a built-in way to optimize these images, but you can do it within your project with some custom code. It is not straightforward, but hopefully I can give you some guidance on how to set this up. First, install these packages: gatsby-source-filesystem gat…

Hi @dfmkraaijeveld , Thanks for reaching out; I'm gathering some information about this subject and will get back to you soon. Fares

Thanks! Would be awesome because right now I can't optimise any of the images I get from the integration fields, which will lead to lower Lighthouse scores. I am optimising all my images during buildtime with Gatsby Image Plugin.

Oh, one more thing I wanted to add. If you are using the Imgix fields rather than localFile to display your images from Prismic within Gatsby, you can still use Imgix for your Shopify fields. You will need to setup an account with Imgix, setup a Web Proxy image source, and setup @imgix/gatsby with…

Amazing!! Thanks for the code, it is working perfect. I should have read the Gatsby docs, because I did not know it was possible to do it like this. Thanks

Shopify Integration Fields not supporting GatsbyImageData

Developing with Prismic

Topic		Replies	Views
Gatsby \| Support for gatsby-image on Rich Text fields Developing with Prismic gatsby	2	1258	May 19, 2020
Getting Srcset from Shopify Image using integration fields? Developing with Prismic gatsby	3	849	September 28, 2021
Querying localFile on images from Prismic returns null Developing with Prismic gatsby	4	797	November 25, 2021
When Prismic support gatsby-plugin-image? Developing with Prismic gatsby	9	1405	January 26, 2022
localFile is null for all images Developing with Prismic gatsby	2	1002	August 24, 2022

Shopify Integration Fields not supporting GatsbyImageData

Related topics