I guess you are using the Gd conversion method?
And I guess you are using an older version of Gd or PHP.
On older versions, Gd has problems converting PNG images with palette color (I can see that the image in the slider has palette color). Gd has to convert “palette color” to RGB and cannot do that natively on older systems. I have added a hack that should deal with this, but it is probably failing on your system.
I suggest that you add an exception so the problematic image does not get converted. See the “Can I make an exceptions for some images?” section in the FAQ.
Thanks. I have gd and imagick enabled (in that order).
The images in this slider are all jpg files.
I reproduced it on a test site where I have enabled the WebP plugin that’s easier to find the problem. https://test.xenonis.nl/home/master-slider/
Hi John-pierre, I’m not affiliated with either plugin.
I just looked at your demo, and I see the html generated for the slide has 2 picture elements. The first picture element code is below.
<picture><source data-src="https://test.xenonis.nl/wordpress/wp-content/uploads/2012/10/121.jpg.webp" type="image/webp"><img src="https://test.xenonis.nl/wordpress/wp-content/plugins/master-slider/public/assets/css/blank.gif" alt="" title="" data-src="https://test.xenonis.nl/wordpress/wp-content/uploads/2012/10/121.jpg" class="webpexpress-processed"></picture>
note there is a source element that has the correct webp image, then there is an img element that has a blank gif file. When I changed the img tag to point at the correct webp image (within the code), then it displayed correctly in my browser.
i.e.
<picture><source data-src="https://test.xenonis.nl/wordpress/wp-content/uploads/2012/10/121.jpg.webp" type="image/webp"><img src="https://test.xenonis.nl/wordpress/wp-content/uploads/2012/10/121.jpg.webp" alt="" title="" data-src="https://test.xenonis.nl/wordpress/wp-content/uploads/2012/10/121.jpg" class="webpexpress-processed"></picture>
Thanks @jnui That’s a Master Slider thing, it’s just a blank pixel. No idea why it is there.
It’s fixed for now. In the WebP Express settings, I disabled the ‘Alter HTML’ setting. So WebP images are only served by the Redirection rules. Maybe not ideal, but it works.