WordPress-Woocommerce：重新缩放透明png后的背景噪音

Question

当我将图像上传到wordpress 时，会有奇怪的行为。原始文件（从photoshop导出或通过tinypng.com进行了优化）保持干净。

但是调整大小后的图像（包括主题和woocommerce在内的所有尺寸）在透明背景内部都具有噪声图案。当我在白色（#fffff）背景上看到商店内的文件时，就会出现此提示。

如何复制：

• 从Photoshop中将透明对象导出为png-24，减少到25％（三次计算）
• 将此文件上传到Wordpress媒体后端
• 查看商店概述
• 结果：Bottle with transparent background (png)

此错误仅在某些屏幕上可见。在Mac上比在默认屏幕上少。看来，当我使用 GD 代替 imagick 时，杂音变少了。但是它仍然可见。

您有什么想法吗？

Answer 1

问题是由调整大小引起的。似乎 imagick和php-gd都会在Debian Strech上产生噪音。

因此解决方案是使用未调整大小的原始文件，并且一切正常。

获取主题中现有的大小

通过临时添加page.php在<pre><?php var_dump(get_intermediate_image_sizes()) ?></pre>中获取格式。它将返回您需要删除的大小数组。

删除损坏的尺寸

add_action('init', 'solidcreation_remove_plugin_image_sizes');

function solidcreation_remove_plugin_image_sizes() {
  remove_image_size('shop_catalog');
  remove_image_size('shop_single');
  remove_image_size('woocommerce_thumbnail');
  remove_image_size('woocommerce_single');
  remove_image_size('woocommerce_gallery_thumbnail');
  remove_image_size('shop-preview');
}

重新生成媒体

..通过使用https://de.wordpress.org/plugins/regenerate-thumbnails/之类的插件，它将像魅力一样工作。

broken image vs clean original