【发布时间】:2019-09-02 04:14:15
【问题描述】:
在我开始使用插件缩小 CSS 后,我的 WordPress 网站出现问题。产品图片不显示(WooCommerce 插件显示图片)。图像/gif 首先出现并阻止我的图像。
这是我的网站:https://geerdesfromage.com/
HTML 代码应该是这样的:
<img src="https://geerdesfromage.com/wp-content/uploads/2019/03/gouda-affiné-1-600x556.jpg" width="600" height="556" alt="gouda-affiné-1" class="jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" scale="0">
但它看起来像这样:
<img src="image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="600" height="556" data-src="https://geerdesfromage.com/wp-content/uploads/2019/03/gouda-affiné-1-600x556.jpg" alt="gouda-affiné-1" class="jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" scale="0">
提前感谢您的帮助
【问题讨论】:
-
好像有个插件可以把图片转换成base64数据字符串。但是, src 不能包含那么多字符。这就是为什么数据字符串太短并且不包含完整图像的原因。尝试禁用您的延迟加载插件,也许正常的数据src会起作用。
-
我再次检查,有时它可以工作,但您的缩小脚本出现错误:geerdesfromage.com/wp-content/cache/minify/0fef6.js?x19535
-
这和你的ssl证书有关。检查此链接github.com/mrclay/minify/issues/619它与相同的图像问题相同的错误
标签: html wordpress woocommerce