提高产品页面上 woocommerce 缩略图的质量答案

【问题标题】：Improve quality of woocommerce thumbnails on product page提高产品页面上 woocommerce 缩略图的质量
【发布时间】：2021-07-07 00:54:00
【问题描述】：

我正在尝试提高产品页面上 Wooommerce 缩略图的质量，但没有任何结果。无论我做什么，拇指总是显示模糊。

我尝试了不同的插件，例如视网膜等，重新生成的拇指，通过 ftp 上传新的 photoshopped 300 dpi 图像并用画廊中的图像替换它们，上传更大的图像，禁用喷气背包，使用不同的图像设置播放woocommerce 和 wordpress（将质量设置为 100%/缩放等），将此字符串放入 functions.php 文件 add_filter('jpeg_quality', function($arg){return 100;}); 等等，仍然没有。

所以我认为有些设置可能与 woocommerce 使用的滑块 FlexSlider 有关。它也可能与Woolentor有关？使用 Astra 主题 + Elementor。我一无所知。

这是我网站上产品页面的链接（例如，请检查安静！徽标，缩略图库中模糊，原始图像为 900x900 像素）：https://gamingaddicted.it/prodotto/handpicked-red-chillies/

提前致谢！

【问题讨论】：

标签： css wordpress image woocommerce flexslider

【解决方案1】：

您可以使用下面的代码或直接使用您网站上的定制器来完成。这是带有一些提示的网址，也许您应该看看它们。 - TIPS HERE

将此代码添加到主题的functions.php 文件中，并根据需要更改宽度和高度。

/*change thumbnail quality in woocommerce*/
    add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
        return array(
            'width' => 600, //change this to edit thumbnail witdth - default 150px
            'height' => 600, //change this to edit thumbnail height - default 150px
            'crop' => 0,
        );
    } );

【讨论】：