Wordpress 的一些 img src 被替换为 `data:image/svg+xml...`

Question

我在我的网站主题之一中创建了自定义页面模板。

一些

img src

已正确渲染，但有些被替换为

data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E

之类的内容

准确来说，现场是这样的：

<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">

并且它不会在实时网站上渲染任何内容。

这是什么原因造成的？我应该怎样做才能避免这个问题？

Answer 1

我已禁用 W3 Total Cache 插件。

Answer 2

我在 woocommerce 商店遇到了同样的问题，在禁用 CDN-Enabler 插件后修复了。

这个问题的诡异之处在于我没有在插件设置中设置类似

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

之类的东西，直到几天前它都工作正常且正确，所以它可能是安全线程。

Answer 3

如果您使用 W3 Total Cache 插件，则必须在 Wordpress 中 W3 Total Cache 插件的常规设置中的用户体验部分下禁用延迟加载图像。

性能>>常规设置>>用户体验>>延迟加载图像

只需取消选中“延迟加载图像选项”即可。