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

Question

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

但是调整大小的图像（所有尺寸，包括主题和 woocommerce）在透明背景内都有噪点图案。当我在白色 ( #fffff) 背景上看到商店内的文件时，就会出现这种情况。

如何重现：

• 从 Photoshop 导出透明对象为 png-24，减少到 25%，双三次计算
• 将此文件上传到 Wordpress 媒体后端
• 看店铺概况
• 结果：具有透明背景的瓶子 (png)

此错误仅在某些屏幕上可见。在 Mac 上少于在默认屏幕上。似乎当我使用GD而不是imagick时，噪音变小了。但它仍然可见。

你有什么想法？

标签： wordpresswoocommercepngtransparent

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/这样的插件，它会像一个魅力。

损坏的图像与干净的原始图像