Question

最近，我的一个wordpress网站上的一些图片停止正确或一致地显示。例如，Bombardier Battery Range。基本上这个文本神奇地出现在图像之后。

 600w" sizes="(max-width: 300px) 100vw, 300px" />

当我谷歌这个错误时，我发现大量其他网站存在同样的问题，因此很难找到对该问题的讨论。

我可以通过调整两张图片中的第一张以使其低于600x300来解决此特定情况。然而，回归和缩小数十张图像似乎并不是一个明智的决定。

这开始于过去两周的一些升级。不幸的是，从故障排除的角度来看，我在其他网站上有相同的插件尚未开始显示此问题 - 但是。

Answer 1

如果您查看网页的完整HTML源代码，您会看到<img>代码显示为：

<a href="http://vta-sprinter.org/wp-content/uploads/2015/11/Track-Pedestals-02.jpg"><img class="alignleft wp-image-590" 
src="http://vta-sprinter.org/wp-content/uploads/2015/11/Track-Pedestals-02-300x200.jpg" alt="Track-Pedestals-02" 
width="338" height="225" srcset="http://vta-sprinter.org/wp-content/uploads/2015/11/Track-Pedestals-02-300x200.jpg 
300w, http://vta-sprinter.org/wp-content/uploads/2015/11/Track-Pedestals-02.jpg 650w, 
http://vta-sprinter.org/wp-content/uploads/2015/11/<span id=" eeb-443657"=""><script 
type="text/javascript">(function(){var ml="pkfs-4ro3cPtAECge.Fda%jT0lxDnh2im",mi="E8>DENHM6@2E8KENNPDOI;7E8<G6D914:@C@3;DI34HN48HHJNHHE5HNJAF0?ENNENHENH9ID33E8KENNPDOI;74IOL1ENNE8=G6D914:@C@3;DI34HN48HHJNHHE5HNJAF0?E8>ENBDE8=",
o="";for(var j=0,l=mi.length;j<l;j++){o+=ml.charAt(mi.charCodeAt(j)-48);}document.getElementById("eeb-443657").innerHTML
 = decodeURIComponent(o);}());</script><noscript>*protected email*</noscript> 600w" sizes="(max-width: 338px) 100vw, 338px" /&gt;</a>

在这个混乱的中间，你会看到<span>和<script>标签似乎混淆了代码中的所有电子邮件地址。

您有两种方法可以解决此问题：

停用您正在使用的电子邮件编码插件（例如Email Address Encoder插件）; OR
安装Disable Responsive Images插件（或类似内容），这将禁用响应式图像

编辑：您在网站上运行的WP-Retina-2x插件可能会生成@2x图像，因此也可能有助于禁用该插件。

其他详细信息

电子邮件地址编码插件错误地假设代码中提到的任何@都是电子邮件地址。但是，在这种情况下，它是一个Retina图像，后缀为@2x：

Track-Pedestals-02@2x.jpg
                  ^ -- The confused @ symbol

你最近才开始注意到这个问题，因为WordPress 4.4引入了新的responsive images support。

Wordpress图像无法正确调整大小

1 个答案:

其他详细信息