I'm a little confused with the responsive views/images feature and how Prismic or Imgix creates smaller width variations of an uploaded image? If it even does that? The docs are not particularly clear. I'm using srcret and sizes but I'm getting Lighthouse warnings to use images that are properly si…

Hey i just realized that this issue was fixed a few months ago with the release of 0.5.1. You can see the changelog here : [image] Release 0.5.1 · prismicio/slice-machine Improvements 👋 TypeScript support 🔥 We are happy to announce official TypeScript support in Slice Machine. Slice Mach…

Hello @jon1 , thanks for reaching out. Yes, that's precisely how you should handle responsive views on Prismic. After you define these constraints, you'll see the thumbnails in the API response of the Image field. You can add as many as you need. [image] Configure the Image Field This a…

Thanks @Pau , is there a way to not set a height for a responsive view? It seems in Slice Machine I can't just add the width, each view has to have a height added? Only the main image can I leave the height field empty. Sorry if this is simple stuff, in other CMS's these options have been more fleshe…

Hey @jon1 , thanks for the additional information. I just tested it with Slice Machine, and I can confirm that this is an issue. I've passed it to the dev team. We'll update this thread when we have news.

Hi @Pau , is there any update on this fix?

Hello @jon1 We haven't received any update on the issue at the moment. I have sent a reminder to the team. Thanks, Priyanka

Hi @Priyanka , Is there any update on this yet? I feel it is an area which needs fixing, as Slice Machine is not behaving how the documentation explains it does. Thanks

Hey @jon1 , we've added this to our product board as an enhancement request, we will tackle these kinds of requests for the simulator in the near future.

@Pau Shouldn't be easier to provide a helper function that detects the width of the viewport or the html parent element containing the image? then these dimensions could be sent to imgix dynamically to create responsive images on demand. Also it would be great if you could add a feature to specify t…

@riuciadmin Thanks for these ideas. I'll make sure that they are added to the feature request tracker.

Responsive Views/Images

Developing with Prismic

renaud (Renaud Bressand) March 23, 2023, 12:09pm 21

Hey i just realized that this issue was fixed a few months ago with the release of 0.5.1. You can see the changelog here :

Topic		Replies	Views
Clarification on "Responsive Views" in Image Field Developing with Prismic slice-machine	2	125	November 10, 2024
<prismic-image> and srcSet Developing with Prismic nuxtjs	3	1000	May 31, 2022
Changing the image size in Rich Text Editor Prismic for Content Creators	8	2592	December 9, 2021
PrismicNextImage and Responsive Views Explanation Developing with Prismic nextjs	3	342	September 20, 2024
Reducing image filesizes sizes across all slices/pages Prismic for Content Creators	1	550	November 22, 2021

Responsive Views/Images

Related topics