【问题标题】:Wordpress - Image is blurry in single product page when page is loadedWordpress - 加载页面时单个产品页面中的图像模糊
【发布时间】:2020-12-15 20:39:33
【问题描述】:

我对 WordPress/Woocommerce 中的图片有疑问。

我所有的图像都很好,除了我第一次加载页面时单个产品图像模糊。刷新浏览器后,图像看起来很清晰。即使我打开控制台(F12),关闭它后图像也很好。当我放大它们时,图像看起来不错。目前,让图像看起来不错的唯一方法是刷新浏览器。

我尝试在媒体设置中修改图像大小,我检查了我的 CSS,我尝试覆盖图像的宽度,清除缓存,所有延迟加载插件都被禁用。

您还有其他解决方案可以帮助我解决此问题吗?

这是一个链接,可以查看问题所在: https://www.labtag.com/shop/product/cab-thermal-transfer-direct-thermal-desktop-printer-mach1-2/

提前谢谢你。

【问题讨论】:

    标签: wordpress image woocommerce blurry


    【解决方案1】:

    您的常规尺寸图片小于用于缩放的图片。如果您查看 html 代码,此图像是<a> 标记中的常规用户:

    https://cdn.labtag.com/wp-content/uploads/mach1_800_neu__79290.1492715013.1280.1280-416x378.jpg

    此图像比用于缩放的图像小得多:

    https://cdn.labtag.com/wp-content/uploads/mach1_800_neu__79290.1492715013.1280.1280.jpg

    您的常规图像大小是缩略图版本,您应该更改代码显示图像的原始版本。

    【讨论】:

      猜你喜欢
      • 2020-09-28
      • 2023-01-22
      • 1970-01-01
      • 2017-05-17
      • 1970-01-01
      • 2021-12-11
      • 1970-01-01
      • 1970-01-01
      • 2020-12-03
      相关资源
      最近更新 更多