[Resolved] webp images not showing up in Safari on some computers

[Mary Pearson]

I saw this issue addressed in the forum and the response was to use .jpg images instead. This doesn’t seem like a satisfactory solution, and I wonder if there is some code I can use in my functions.php file instead.

The website is https://2.bestwebsites.ca/ – it is a mock demo website.

On Chrome, Firefox, Edge and Opera all is great, and it is even OK on my daughter’s MacBook Air in Safari, however on my 2020 MacBook Pro (Catalina) and my 2012 MacBook Pro (Mojave) the webp images do not show up in Safari. Instead there is just a white empty box.

I see 2 javascript errors

1. `throw new Error(‘Bootstrap\’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3’)
}` (I do not know how to deal with this either)

2. Cannot load image console.error("Cannot load image")

If I click on one of the empty boxes I am taken to the page with lots of pictures of the car. They all show up as tiny images with a question mark inside.

I would appreciate it if someone could help me with this.

Many thanks!

[Leo]

Hi there,

1. GP doesn’t load bootstrap so I’m guessing you are loading this or a plugin is loading this. I would recommend disabling all plugins and custom scripts to test.

2. I don’t believe this issue is related to the theme eiter. Does the error still exist with all plugins except GP Premium?
If so what if you activate a Twenty series theme to test?

Let me know 🙂

[Mary Pearson]

Sorry, I forgot to mention that I have done a plugin and theme conflict test. I have also done all suggestions found on the internet re problems with Safari and webp images. I have run Cocktail and First Aid on my disks, re-started computer, etc. so the problem is not GP theme, nor is it a plugin problem. I just don’t know where else to look for answers.

[David]

Hi there,

Safari has partial support for webP and is limited to MacOS 11 BigSur.

https://caniuse.com/?search=webp

If you’re using WordPresses latest support for webP – then you will have an issue on older OS’s as WP doesn’t provide any legacy support. Which means a webP plugin/serverside option for adding them is still the best way to go.

[Mary Pearson]

Thank you for the information David. I think, until it is supported more I will just stick to .jpg’s.

[David]

You’re welcome

[Author]

Posts