srcset code

[anewlife]

Good afternoon

Wondering if you would be able to help me please.. Been trying to implement an scrset code for different size images, which is going inside the image tag, but when testing through Page Speed Insights or Lighthouse its pulling up the wrong image, but when I look at it via a browser, all is fine.

Not sure if this is anything to do with the page CSS code or something else. By the way, I have my entire website in W18.

<img src="ZZ_page1_image1.webp" loading="lazy" id="ZZ_page1_image1" alt="Musee du Louvre Glass Pyramids" width="520" height="350" srcset="ZZ_page1_image1_A.webp 320w, ZZ_page1_image1_B.webp 360w, ZZ_page1_image1_C.webp 375w, ZZ_page1_image1_D.webp 390w, ZZ_page1_image1_E.webp 412w, ZZ_page1_image1_F.webp 430w, ZZ_page1_image1_G.webp 540w, ZZ_page1_image1_H.webp 640w, ZZ_page1_image1_I.webp 667w, ZZ_page1_image1_J.webp 720w, ZZ_page1_image1_K.webp 780w, ZZ_page1_image1_L.webp 800w, ZZ_page1_image1_M.webp 844w, ZZ_page1_image1_N.webp 851w, ZZ_page1_image1_O.webp 852w, ZZ_page1_image1_P.webp 892w, ZZ_page1_image1_Q.webp 896w, ZZ_page1_image1_R.webp 915w, ZZ_page1_image1_S.webp 926w, ZZ_page1_image1_T.webp 960w, ZZ_page1_image1_U.webp 1080w" sizes="50vw">

The code above is what I am trying to utilise..

Your help would be very much appreciated.

Look forward to hearing back from you.

All the best
Martin

PS. If you need any more info, then please feel free to get in touch

[Pablo]

First please note that support on version WB18 had ended. Also I cannot help with implement custom code because for me this will also take a lot of time.

But maybe you can use Picture object instead?
https://wysiwygwebbuilder.com/picture.html

Also, keep in mind that you will have to make sure the images you are referring to exist on the server, so it’s not just a matter of adding HTML code.