wordpress 省略了某些产品图片的宽度和高度声明，而不是其他图片

Posted 2023-02-25

【中文标题】wordpress 省略了某些产品图片的宽度和高度声明，而不是其他图片

【英文标题】：wordpress omits width and height declaration on some product images, not others

【发布时间】：2018-03-02 17:35:28

【问题描述】：

您好，我有一个奇怪的问题，woocommerce 产品图片有时会省略宽度和高度声明，您可以在 https://www.tidybedrooms.co.uk/product-category/hinged-door-wardrobes/ 上看到。

查看该页面上的第一行图像，您会看到显示的第 1、第 2 和第 4 张图像比第 3 和第 5 张大得多。我上传到 WP 的图像都是相同的尺寸，当查看正确图像和超大图像的来源时，我唯一能做出的区别是超大图像省略了宽度和高度的标记，而正确的图像则没有。

有没有人遇到过这个问题，或者知道我该如何解决。

谢谢！

【参考方案1】：

似乎由于某种原因，默认情况下较大的图像显示为 base64 数据而不是 URL。发生的事情很有趣。也许您可以通过追溯您用于插入这些产品与其他产品的图像的步骤来找出原因。

至于快速修复，您可以将以下内容添加到主题的自定义样式表中：

.attachment-shop_single 
    max-width: 100%;

【讨论】：

感谢您的提示，理想情况下，我想知道 wocommerce 中发生了什么来触发它。我已经使用完全相同的程序删除和重新添加了产品，有时它最初可以正常工作，但随着时间的推移会恢复到超大图像。我最近添加了谷歌的 pagespeed 程序，我想知道它是否与此有关

听起来你可能正在做某事。如果 google 的 pagespeed 程序是通过插件实现的，您可以停用它，如果启用则清除缓存并检查。除非您的网站是实时的，所以除非必要，最好使用您网站的开发副本测试插件。