Question

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

我已经完成了＆＃34;重生缩略图＆＃34;插件，在woocommerce产品的显示设置中调整图像大小，但我仍然无法获得更清晰的照片。

任何人都可以提供帮助吗？我已经尝试了很多方法。

Answer 1

如果我显示其中一张图片的网址，我得到了：

…/wp-content/uploads/2016/04/DSC09923.jpg?resize=116%2C145

在/DSC09923.jpg之后，您?resize=116%2C145表示resizing in 116px x 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张图片，所以我很难找到真正的问题。您需要为该图片指定尺寸：＆＃39; medium＆＃39;或者＆＃39;大＆＃39; ...

你可能需要在wooCommerce＆gt;设置＆gt;产品＆gt;显示以重新配置尺寸和硬裁剪选项......

Woocommerce模糊的产品形象

1 个答案: