No bug Plugin does not do anything

I am actually updating a site from J3 to J4 and want to use ochResponsiveImages here because of the use of to big images here.
Plugin is activated but it does nothing. Folder ochri is empty, In the code I still see the png images.

 

What can I do to get it working? 

Sincerely
Peter

Hi Peter,
Thanks for reaching out.
Is the plugin enabled?
Did you configure the advanced settings to eg only create images when logged in with specific user?
Do you have a frontend url that I can check?
Currently on vacation so response time is slow

Hi Ruud,
plugin is activated, all other questions = no.

The site isn't public now (folder security), but I can give you access in pm.

Have a nice holiday!

Hi Peter,
back from vacation and picking up the slack
is the site live or still in development?
You can sent me details here in the forum in 'confidential' tags (the padlock button on the editor toolbar, or sent me an emial info [at] onlinecommunityhub [dot] nl

Hi Ruud,

hope you had nice holiday.

The site is still in development.



There is still only one image in the office folder.

 

Hi Peter,
tried to login but get the (joomla) message:
"Login denied! Your account has either been blocked or you have not activated it yet."

Please try again

Top!

is this what you are trying to achieve? convert this image to webp?
 

This images have much to big file sizes (2,3 MB each) and are loaded as png

That is because these are not valid HTML image elements. So what happens here is that the module (?) that you use to display these images uses the following HTML:
as you can see the required 'src' that is required is not present, instead there is a data-src pointing to the image. So the module (or template) has javascript in place to read that data-src and then set that in the visitor browser as src > displaying the image.

This was (!) a common practise to enable lazyloading when that was not supported by browsers.

ochResponsiveImages runs on the server and not on the browser, so it doesn't see the img with a src attribute instead it sees an invalid image without the src attribute.

Maybe when you disable lazyloading on that template / module it will correctly set the image as src instead of as data-src. ochResponsive images will then pick it up and you can configure ochResponsiveImages as well to implement the lazy loading as that is currently supported by all browsers.

Does this make sense? can you give that a try?