webP in frontpage

Good sunday to everyone!
I just saw that the images in my frontpage are showing in jpg/png instead in webp. Why? I don’t know.
I saw in the inspector on Google Chrome that the style backgroud-image call to url with file jpg/png.
The class is entry-thung td-thumb-css tdi_34.

If you would like to see more about the frontpage, you can see http://www.redesbinarias.com
In each page post appears well in format webp.

Best regards,
Sergio

Hi Calin,
sorry but this link don’t help me.
In all site, when Imagify or WP-Rocket find a src, href, srcset and content create a <picture> calling a webp image.
Well.
In the frontpage I am using “flex block 5”, “flex block 1″, etc…
I saw that in these modules, the imagess don’t serve in format webp due the image are served inside a class=”entry-thumb td-thumb-css tdi_34” and style”background-image: url(“path to .png/.jpg)”.

I can’t found to rewrite or change this url to .jpg.webp or .png.webp.
On the other hand, in the articles, works fine.
Is only inside the class and style.

I hope you can help me.
Best regards,
Sergio

Hi, I also have exactly the same issue across my site. Would love a solution to this issue!

Many thanks
Stu

Hi AnaMaria,
I verify that in WP-Rocket Lazy load option is enabled and in the theme Newspaper. In imagify I don’t found this option.

On the other hand, the issue continue. If you need to test, feel free to access to frontpage http://www.redebinarias.com and you will see that I tell you.

Best regards,
Sergio

HI AnaMaria,
I use Imagify and WP-Rocket. As CDN I’m using Bunny.
I tried to disable all except the serve images as webP from imagify but the issue persist.
If you need that I colaborate in something, please feel free to tell me.
Best regards,
Sergio

Hi Sergio & Stu

Unfortunately WP Rocket doesn’t touch background images. It only serves webP images for images with attributes ‘href’, ‘src’, ‘srcset’ and ‘content’. And you can add further attibutes using their ‘Add WebP Target Attribute’ plugin.

I have raised this problem with WP Rocket and it’s on their todo list.

Cheers,

• This reply was modified 4 years by nhowarth.

Hi,
I worked with developers in WP-Rocket and Imagify to solve this issue and the plugin that you told me doesn’t work.

I think is a problem that how to server the images from a template.

Best regards,
Sergio

Hi Sergio

The issue can be found at https://github.com/wp-media/wp-rocket/issues/3511

Regards
Nigel

Hi,

Thanks for your reply.
Do you know other accelerator of WP that works fine with WebP inside the styles ?

Best regards
Sergio

Hello, someone has solved this? that can work imagify with the images background-image: url(“path to .png/.jpg)”.

I have the same problem and I can’t find a solution.

thanks