IE and Safari don't show background images

Hi there,

i am not seeing the issue - can you make sure browser caches have been cleared?

Also are you using Safari on a Windows PC ? If so this is an unsupported browser.

I use Safari on Mac and iPhone.

Do you see the site correctly on Safari for Mac/iOS? Please, can you send me a screenshot?

Just cleared the cache of Safari on my iPhone and the background image (with Background Color Overlay) doesn't show in the homepage.

I also tried with Safari private browsing, but the problem still remains.

Here is the correct view on Chrome

Here is the wrong view on Safari

For sure:

Here is what I see on Chrome (correct)

Here is what I see on Safari for Mac (wrong)

Here is what I see on Safari for iPhone (wrong)

I cleared the browsers' cache, the problem still remains.

Same in IE.

Right click and inspect the broken image - see if there is an error in the console that may highlight the problem. Let me know

Just tried but I'm not an expert and I don't know what I should find.

My client confirmed the site has problem with Safari on mobile: background image not show up.

I found the problem: Safari doesn't support WebP images because Apple don't want.

How can I do to "tell" to browser who don't support WebP images to load, instead, the original (jpg or png) images?

Peculiar as my Mac is picking up the fallback PNG in Safari.
What plugin/service are you using to server up the WebP images ? I wonder if that developer has any insight

Now I remove the WebP images and all works well, but it isn't a solution.

I'm using SG Optimizer, but it can't serve fallback images.

Now I'm trying Imagify but I got the same result.

I am not sure but i think some plugins like Smush handle WebP with fallback - but they are generally part of their pro versions only.

Yes...but the plugin alter the HTML, replacing image tags with picture tags, and I got a problem with GeneratePress: all images are not showing anymore.

To fix I removed the WebP images.