Html 模糊的产品形象

这是我的网页主页。一切都很好，除了网站中间的4个产品图像太模糊。

我已经做了“重新生成缩略图”插件，在woocommerce产品下的显示设置中调整图像大小，但仍然无法获得更清晰的照片

---

有人能帮忙吗？我已经尝试了很多方法。

如果我显示其中一幅图像的url，我得到：

../wp content/uploads/2016/04/DSC09923.jpg？resize=116%2C145

在

/DSC09923.jpg

之后的末尾，您有

？resize=116%2C145

，这意味着

在116px 145px中调整大小，因为这些定义的小图像以缩放版本显示，我的意思是大约大250%。所以它们变得模糊了。请参阅html生成的代码：

<img width="116" height="145" src="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435" 
class="lazyOwl wp-post-image" 
alt="AERO Needles" 
data-src="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435" 
srcset="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435 350w, 
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=570%2C708 570w, 
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=116%2C145 116w, 
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=190%2C236 190w" 
sizes="(max-width: 116px) 100vw, 116px" style="opacity: 1;">



我不知道你是如何在主页上显示这4幅图片的，所以我很难找出真正的问题所在。您需要为该图像指定大小：“中”或“大”

您可能需要在wooCommerce>设置>产品>显示中重新配置大小和硬裁剪选项…
我也看到了捕获的html代码，但我不知道下一步该怎么做。在Commerce>settings>Products>Display中，我将图像的大小调整为：catelog 350x435像素；单个570 x 708 PIXCEL；缩略图350 x 435像素。我用“VisualComposer”做我的主页。希望我能在这方面得到更多建议。我正在使用Visual Composer，其中我使用“多个/特定产品”来展示这4个产品（通过使用它们的ID）。然后你必须更改Visual Composer中的设置。如果您获得了许可证，您可能会被要求支持高级主题的线程或VC支持……这是最好的选择。我可以分享我从Visual Composer找到的代码：[/VC_column_text][products id=“697569806977,861158311587,881180811807”][/VC_column][VC_row columns\u height=“adjust_cols\u height”background\u style=“normal”css=“.vc_custom_1445415612639{margin bottom:50px！important；}”]我尝试了很多方法，包括重新加载产品照片，添加一个新产品项目，使用相同的产品照片和新名称等，现在照片似乎恢复正常：www.doubleknityarn.com.hk。你可以看一看，但我不知道这是否只是暂时的。如果你有这样的问题：最好是联系你的主题店主作者团队，打开一张支持票或检查他们的支持线程，以了解类似的问题。在chrome上现在可以了。您必须在不同的平台和浏览器中进行测试…