Webp support for Avada Fusion Sliders

Hi vengen,

Thanks for your information. Our developer is working on it.

Best

This is supposed to be fixed in https://github.com/litespeedtech/lscache_wp/commit/e96979c495ea7a56863e5789a88532afe2442b70

Please try and tell. Thanks.

Thank you for the quick response to this, much appreciated.

I’m not sure how to best try the update, so if you have a suggestion for how I could do that fairly quickly, I’m all ears!

I can certainly check out the git project and I see there’s build scripts there I can run in a Linux VM. But I don’t have a test site set up, currently and won’t be able to do that for some days. Also, I haven’t updated a plugin in this manner before, so I’m not quite in a position to just try it out ??

Otherwise, I guess it’ll be a part of the next release of the plugin.

Hello again,

You can backup current file ( litespeed-cache/inc/media.class.php ), download the new file from git and put it. After that you can test.

Thanks. I have tested it, but no change. Also noted that the logo doesn’t load as webp.

I did purge all for the litespeed cache and issued a cache purge for CloudFlare as well.

Hello again,

Did you check from wordpress admin area -> litespeed cache -> image optimize -> update status is there detected new images. If yes, run the optimization for them.

I did, yes. The images had already been optimized before updating the plugin, though. Just the webp versions aren’t being served for the logo and the images in the sliders.

Hello again,

Can you confirm that there is webp version of that image:

2018/01/colour-flow-1950×1200.jpg

Please check from the server (in that directory).

Yes, it is there. In WP, it’s also reflected in the list of media items (wbp saving 46%).

I noticed your logo is this html snippet:

<img data-lazyloaded="1" src="https://www.ephemeralenergy.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png.webp" data-src="https://www.ephemeralenergy.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png.webp" data-srcset="https://www.ephemeralenergy.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png 1x, https://www.ephemeralenergy.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png 2x" width="400" height="207" style="max-height:207px;height:auto;" alt="Ephemeral Energy Logo" retina_logo_url="https://www.ephemeralenergy.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png" class="fusion-standard-logo loaded" srcset="https://www.ephemeralenergy.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png 1x, https://www.ephemeralenergy.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png 2x" data-was-processed="true">

The src&data-src have been replaced to webp correctly. The retina_logo_url&srcset aren’t replaced. Can you tell how you generated them?

• This reply was modified 6 years, 10 months ago by Hai Zheng?.

All the PNGs for the logo image files were created in the same way by exporting to web in photoshop. In terms of the code generation, I’m using Avada, so I’ve just uploaded and set the logos as per the Theme Option settings for the logo.

OK we will try that later. Wondering if its possible that we give an API, Avada dev team use it to replace WebP.

Ok, and you suspect something similar may be the reason for the images in the sliders not being replaced by WebP?

Those slider images are using background-img: url() format. This is fixed in our previous commit.

Doesn’t seem to be the case, which @tishu was asking more about above. I updated the ‘media.class.php’ file on my server, but still getting JPG images for the slider images :-/