I created a custom page template in one of my site’s theme.
Some img src
were rendered correctly, but some were replaced with something like data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E
to be exact, it looked like this in live site:
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://example.com/wp-content/themes/MyTheme/img/icons/Info.png" class="cursor-pointer">
And its not rendering anything on live site.
What causes this? and what should I do to avoid this issue?
2
Answers
I have disabled W3 Total Cache plugin.
I’ve got into same problem in my woocommerce shop and it was fixed after disabling CDN-Enabler plugin.
The wiered thing about this problem is I did not set anything like
data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://example.com/wp-content/themes/MyTheme/img/icons/Info.png" class="cursor-pointer
in plugin settings and it was working fine and correct for a long time till a few days ago so it could have be security thread.