This is what I have from Cloudflare responsive inage help document and I need to use it with my images but could not do it as I am new to html I have the following link to one of my images and if some one help me please how to do it https://imagedelivery.net/eK6n49-8pTnsrz6RUiChig/84bf2710-44ad-4844-d469-c5b943dee800/992x661
You can use the srcset HTML element to let the browser choose the most optimal width for a given viewer’s screen.
I’d recommend starting with this overview on how responsive images work.
Next, we have a guide on how you can serve responsive images with Images.
Note: The examples in this guide use the URL structure for transformation images that are stored outside of the Images product, e.g. /cdn-cgi/image/fit=contain,width=320/assets/hero.jpg 320w. Since you are storing with Images, make sure that you use the correct imagedelivery URL structure like you have in your example. You can either create a predefined variant or use the flexible variant URL structure.
This topic was automatically closed after 15 days. New replies are no longer allowed.