[Resolved] Is it possible to use WebP images as header element background?

Hi Elizabeth,

If the Webp image has already been uploaded to media, you should be able to select it as the background image in the header element.

Let me know if you need further assistance 🙂

Hi Elizabeth,

I believe Imagify can’t convert images displayed through background-image CSS property.

The way to go about this if you wish to use webp as background image is to either:

Manually convert the image into webp format, re-upload it to media library and re-apply it to where you want it applied.

Or,

Ask Imagify what function from their plugin outputs the URL webp image and use that for the PHP code snippet write-up in generating a new CSS to use that webp image URL as background image.

The PHP coding writeup will be simple. I can help you with that but we’re not exactly sure how Imagify outputs the webp URL. It’s a third-party plugin so it’s out of our scope, unfortunately.

Hi there,

have you checked with Imagify ? I believe they have a Rewrite Rules Method in the plugin that will allow CSS Background images to be converted.