如何在不裁剪 WooCommerce 图像的情况下调整其大小?

How to resize WooCommerce images without cropping them?

我一直在使用 WooCommerce 插件开发一些电子商务。每次我向媒体库添加新图片时,它都会自动生成不同尺寸的图片

它不仅是 WooCommerce 的一个功能,也是 WordPress 的一个功能。当我禁用 WooCommerce 插件并上传图片时,结果如下所示:(我可以在 设置 > 媒体 > 将值设置为 0

我只上传了一张图片,但上传了三张。

同样的情况也发生在 WooCommerce 上——在这种情况下,还有两张图片。但是它们被裁剪了,我需要取消裁剪,只需要缩放。稍后我会告诉你为什么:

我可以在 外观 > 自定义 > WooCommerce > 产品图片 > 检查未裁剪选项 中为 WooCommerce 制作未裁剪的图像,但在 这种方式下我只能获得原始尺寸上传图片的数量,但我需要按比例缩小它们(按比例,不裁剪)。

上面我向您展示了 WordPress 是如何工作的。 WooCommerce 创建附加图像尺寸。这是我的电子商务的一个例子。这是我的产品图片在电子商务中的样子:

...这就是我希望实现的效果(未裁剪,仅按比例缩放):

如果您想避免编写任何代码,可以尝试以下插件:

https://wordpress.org/plugins/smart-image-resize/

我一整天都在寻找解决这个确切问题的方法,终于找到了解决方案。 它基本上就像这样 Wordpress 需要完美的正方形作为图像,无论大小如何。 例如,如果您上传尺寸为 150x450 的图像,Wordpress 将强制它变大直到适合容器的宽度 (100%)。 如果容器的宽度为 450,这意味着图像的大小将从 150x450 调整为 450x1350,这太疯狂了。

这会导致图像变得很长而不关心容器的尺寸。 所以如果你有一个产品,方法就是在你选择的程序中得到一个空的 canvas(我使用 PAINT SAI 但 photoshop 也不错)给它任何我用过的正方形 canvas 800x800 这是一个很好的尺寸,可以保留定义的形状而不是变得模糊。 然后把shape/picture放在这个canvas的中间,用透明背景保存文件。

这应该可以解决您的缩略图大小与您相同的问题。您可以执行以下操作。 转到自定义 > woocommerce > 产品图片并在我的情况下为缩略图尺寸提供一些宽度我在选择选项 1:1.

时使用了 400

希望对您有所帮助。