Hey @nparede ;
If
* you have optimize images and “use webp/ avif” on
* you have png’s with transparency
* you’re using firefox with avif enabled (not the case by default)
that the png’s turned into avif’s are not always rendered by Firefox, so maybe that is what happening at your side too?
If something else, you can exclude png’s from being optimized with below code snippet;
add_filter('autoptimize_filter_imgopt_noptimize','imgopt_excl');
function imgopt_excl() {
return '.png';
}
Let me know if you have any more info! 🙂
frank
Hi Frank,
Thanks for your quick response.
Yes, I have png’s with transparent background.
But that worked fine until yesterday (and should be no problem, correct?).
This is the logo https://www.evcreate.nl/wp-content/uploads/2020/07/EVcreate-logo-ret.png
But I’m not using Firefox. The problem occurs in Safari.
and did you have the “webp/avif” option on or not?
Sorry, did not mention that explicitly. The other two if’s do not apply. So “Load WebP or AVIF in supported browsers?” is not enabled / ticked.
Yes, opening that link directly in Safari works. Also tested in Chrome and Firefox and although the appearance of the logo is a bit different it works in all three.
Hmm … did you have the lazyload optoin in AO on?
Yes, “Lazy-load images?” is selected. But it does not make a difference whether I select it or not. In both cases the logo is not loading.
Only way to make the logo appear again is to disable “Optimize images on the fly and serve them from Shortpixel’s global CDN.” but that’s not what I want obviously.
FYI, Shortpixel status = Your ShortPixel image optimization and CDN quota are in good shape. (if that is relevant).
so the image loads standalone, but not when requested in the page? how bizarre ..
-> any info on the Safari console?
-> what does it do in other browsers?
The network tab in the console says
URL: https://cdn.shortpixel.ai/client/q_lossy,ret_img/https://www.evcreate.nl/wp-content/uploads/2020/07/EVcreate-logo-ret.png
Status: 304
Bron: Netwerk
Initiator:
lazysizes.min.js:405
Other browsers (Chrome, Safari, Edge) also not show the logo.
Do you see the logo when opening the site?
One thing that is different on my side is that we have a cable Internet failure and I am accessing the web using my iPhone a mobile operator as a personal hotspot. On one hand that should not cause this to happen but if it is just me who is affected (and anyone in that condition), I’d say the issue is acceptable.
304 is “not modified”, can you clear the browser(s) cache and retry?
The image does load for me (Chrome & FF);
This is quite bizarre indeed.
I emptied the browser cache, status 200 so should be OK but was not.
Then emptied all W3TC caches to be sure and then emptied the Safari cache again.
Code 200, but no logo.
Screenshot: https://i.imgur.com/RLG6xGP.jpg
-
This reply was modified 5 years, 7 months ago by
s9606564.
did a quick test on webpagetest.org, logo seem to load OK there too, see https://www.webpagetest.org/result/201020_Di22_ff99ebc03a951b9d4799c12e781f120c/
if all else fails, use this code snippet to exclude the logo from being optimized;
add_filter('autoptimize_filter_imgopt_noptimize','imgopt_excl');
function imgopt_excl() {
return '2020/07/EVcreate-logo-re';
}
Thanks! That helps. As soon as our cable Internet connection has been fixed I’ll disable the snippet and see if it was indeed caused by the tethering. Will let you know. Thanks again for your help in fixing this obscure issue.
graag gedaan, do follow up on this once your cable is fixed, things like these bug me too 🙂
frank
