woocommerce图像模糊的原因是,woocommerce css是为响应主题而设计的,但目录设置中的缩略图设置是特定的像素大小。
Woocommerce在他们的文档中涵盖了这一点,但他们的解释和修复方法并不完全正确。看见http://wcdocs.woothemes.com/tutorials/using-the-appropriate-product-image-dimensions/
我将使用一个示例来显示产品图像的情况(显示在单个产品页面上):
原始图像为500 x 500(假设)Woocommerce目录单个产品图像设置为300 x 300,因此会生成原始图像的300 x 300缩略图。产品页面image div class=“images”css设置为宽度:48%;在我的屏幕上,这48%相当于470 x 470的图像大小,因此300 x 300缩略图被拉伸到470 x 470,使其变得模糊。
由于缩略图的大小是固定的,这也会破坏响应主题的响应能力。
您可以更改css以适应缩略图大小,也可以更改单个产品图像大小以适应原始图像大小(或至少大于您认为的48%宽度将拉伸缩略图的大小)。编辑:实际上你可以同时做这两件事。
可能目录设置页面上的其他缩略图设置也存在类似问题。
对我来说,这是woocommerce的问题,而不是其他人的主题问题。