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

Question

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

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

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

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

提前致谢！

Answer 1

您可以使用下面的代码或直接使用您网站上的定制器来完成。这是 url 中的一些提示，也许您应该看看它们。 - 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,
        );
    } );

Answer 2

接受的答案对我不起作用，但如果有人遇到像我一样的问题，下面的答案对我有用。

/*Change WC Gallery thumbnail size*/
add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
    return array(
        'width' => 200, // Set WC gallery thumbnail width
        'height' => 200, // Set WC gallery thumbnail width
        'crop' => 0,
    );
} );

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

Improve quality of woocommerce thumbnails on product page

css

wordpress

image

flexslider

woocommerce