When Prismic support gatsby-plugin-image?

Developing with Prismic
1

I am wondering when Prismic support gatsby-plugin-image.

2 Likes
3

Hi Krittiya,

Thank you for contributing to the Prismic community,

Prismic integrates Imgix to process images which comes with a variety of advantages, and I order to Implement responsive Images such as what gatsby-plugin-image do you can use this Imgix react plugin where you can use it as the following:

<Imgix
	sizes="(min-width: 960px) 33vw, (min-width: 640px) 50vw, 100vw"
	src={buildURL(image)}
	imgixParams={{
		fit: "crop",
		fm: "jpg"
	}}
	width={600}
	height={600}
/>

For this reason, we currently don't have plans to support the gatsby-plugin-image even though you can try to pass the image URL manually if you still want to use the gatsby-plugin-image.

Please let us know if you have any other questions.
Fares

4

Thank you!

Is this plugin optimized to be as good as the Gatsby image plugin ? Since the Gatsby image package is now deprecated, my website performance has decreased significantly.

5

Hey @hellokrittech, the Gatsby Image component is indeed now deprecated, but the deprecation has no effect on your site's speed. gatsby-image will continue to work as intended.

That being said, gatsby-plugin-image includes major underlying improvements that provide even better speed. It also plays much nicer with the metrics tested in Google Lighthouse.

Support for gatsby-plugin-image for gatsby-source-prismic is in the works. Bringing in support requires integrating with Imgix's Gatsby plugin, @imgix/gatsby. Imgix is currently working on making their gatsby-plugin-image support available to plugins. Once it's ready to integrate, it will be added in the next major version of gatsby-source-prismic (V4).

1 Like
6

it seems like it's been updated on their side. Can't wait to integrate it - is there an ETA on a v4 alpha I could start playing with?

7

That's right, Imgix supports gatsby-plugin-image with their new component and Gatsby plugin. It currently does not have functionality to integrate within other source plugins, which we need to provide proper gatsby-plugin-image support. We're working with Imgix to get this working, however!

There isn't an estimate to release V4 yet, but we are working on getting it into everyone's hands as soon as possible. Once a beta is ready for public testing and documentation is available, we will make an announcement.

8

This is being tracked as an open feature request.

If you have another use-case for this feature, you can 'Flag' this topic to reopen. Please use the :heart: button to show your support for the feature and check out our Feature Request Guidelines.

10

Hello, I would like to know if gatsby-source-prismic is already supporting gatsby-plugin-image?

Was trying to use with GatsbyImage and it didn't work.

12

Hello @lucasfariasrodrigues

Thanks for reaching out to us.

Yes, you can install this helpful dependency gatsby-plugin-image with gatsby-source-prismic. It is supported by gatsby-source-prismic. Find more detail in the following link: Template Content with Gatsby - Prismic.
Here is a technical reference for the gatsby-source-prismic.

What is precisely not working with GatsbyImage?

Thanks,
Priyanka

13

Hi, thanks for response!

I already managed to make it work, I needed to install gatsby-transformer-sharp.

Thank you!

14

@lucasfariasrodrigues I am glad you managed to work. Feel free to reach out to us if you have any questions.

Thanks,
Priyanka