Imagify and WebP for background images

How To
,
1

Is anybody else having issues getting background images to use the webp versions of images? I’m using Imagify and WP Rocket, and have disabled the Lazy Load feature within Bricks Performance settings.

2

It sounds like an issue with Imagify? I’ve never used it. The Perfect Images plugin works fine for me, as well as uploading images as WebP directly.

3

Imagify doesn’t add a webp versions into your media library. So you can’t set it in background tab in Bricks. And since background images not ‘really’ images in DOM the plugin cannot change them automatically. If you want to use webps you can try to add images via css:

%root% {
    background-image: url('/wp-content/uploads/image.webp');
}

I’m not sure the path is correct.