WooCommerce中的产品图片失真/过大

Question

我在WordPress上运行WooCommerce，目前我正在尝试使用CSV导入功能批量上传图像。问题是我的图像具有矩形尺寸（它们是垂直对齐的），因此产品页面的生成缩略图显示图像中间的方形部分（参见屏幕截图）。

原始图片：

有没有办法让我设置它以便WordPress在生成缩略图时保持比例固定，这样就不会有失真？

此外，这似乎与WooCommerce＆gt;上找到的图像缩略图设置无关。 “常规设置”页面，可以设置缩略图的尺寸。我已经更新了这些以反映主题中使用的图像的尺寸，所以看起来我在别处有问题。

Answer 1

使用挂钩缩略图（重新）生成的Square Thumbnails插件。设置它，例如垂直和水平添加空白和中心图像。它保持纵横比，不会裁剪图像。然后调用缩略图重新生成。可以使用Regenerate Thumbnails插件完成。

Answer 2

您需要了解WooCommerce中图像尺寸的第一件事是，许多主题（以及默认的WooCommerce CSS）指定产品图像宽度，以确保跨多个设备的一致布局。

您在WooCommerce设置屏幕的“产品”标签上指定的尺寸会影响主题在显示产品图片时使用的缩略图的大小。它们不会改变图像的渲染大小。

发生这种情况时，您的设置可能不适合您的设置（太小） - 这可能会导致图像失真（模糊）。 访问以下链接以获得完整答案 - ＆gt; http://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/