9

我有一个客户对他们的产品缩略图在 Magento 上的呈现方式非常不满意。

狡猾的外观在两个方面很明显：

  • 有一个肮脏的白色背景，有非常浅灰色的水平线
  • 其次，色彩损失非常轻微（失去对比度和饱和度）。

我已经删除了所有压缩，将所有质量设置为 100%，刷新了图像缓存，进行了数十次实验、损坏和修复，但似乎没有任何效果。

这个版本的 Magento 是 ver。1.4.2.0

有没有人在这里遇到同样的问题，如果是这样，你设法解决了吗？

4

7 回答 7

22

问题与 lib/Varien/Image/Adapter/Gd2.php 中的 resize 函数中的 php 函数 imagecopyresampled 有关，为了制作平滑调整大小的图像，会出现一些舍入问题。

我的解决方案是在调整图像大小后简单地将图像中任何非常浅灰色的像素更改为纯白色。为此，首先将 lib/Varien/Image/Adapter/Gd2.php 复制到 app/code/local/Varien/Image/Adapter/Gd2.php

接下来在 resize 函数中找到以下代码（大约第 312 行）

// resample source image and copy it into new frame
imagecopyresampled(
    $newImage,
    $this->_imageHandler,
    $dstX, $dstY,
    $srcX, $srcY,
    $dstWidth, $dstHeight,
    $this->_imageSrcWidth, $this->_imageSrcHeight
);

然后在下面添加以下代码：

// Clean noise on white background images
if ($isTrueColor) {
    $colorWhite = imagecolorallocate($newImage,255,255,255);
    $processHeight = $dstHeight+$dstY;
    $processWidth = $dstWidth+$dstX;
    //Travel y axis
    for($y=$dstY; $y<($processHeight); ++$y){
        // Travel x axis
        for($x=$dstX; $x<($processWidth); ++$x){
            // Change pixel color
            $colorat=imagecolorat($newImage, $x, $y);
            $r = ($colorat >> 16) & 0xFF;
            $g = ($colorat >> 8) & 0xFF;
            $b = $colorat & 0xFF;
            if(($r==253 && $g == 253 && $b ==253) || ($r==254 && $g == 254 && $b ==254)) {
                imagesetpixel($newImage, $x, $y, $colorWhite);
            }
        }
    }
}

从 Magento 的缓存管理中刷新图像缓存，您应该为新显示器提供更好的图像。实现这一点时需要注意的一点是，第一次再次生成图像时性能会受到很小的影响，并且带有阴影的图像可能具有更清晰的边缘，因为非常浅的灰色已被删除。

于 2011-12-06T09:23:13.393 回答
6

试试下面的例子

echo Mage::helper('catalog/image')->init($product, 'small_image')->resize(180, 210)->setQuality(50);
于 2012-09-09T18:52:30.943 回答
3

您可以将自己的 Gd2.php 文件放在本地 (app/code/local/Varien/Image/Adapter/Gd2.php) 并将质量硬连接到 100%。

质量对我有用，所以我没有这样做。

您还可以在其中放置图像卷积以锐化图像，这样您就可以通过锐化来补偿调整大小的模糊，例如将以下内容放在“调整大小”函数的末尾：

    $sharpenMatrix = array(array(-1,-1,-1),array(-1,24,-1),array(-1,-1,-1));
    $divisor = 16;
    $offset = 0;
    imageconvolution($newImage, $sharpenMatrix, $divisor, $offset);
于 2011-12-06T14:27:55.830 回答
1

我在其中一个项目上遇到了图像质量问题。但问题不在后端，而在前端。图像质量很差，因为 CSS 中给出的图像宽度和高度与图像文件的不同。

于 2011-12-05T12:56:50.990 回答
0

快速 grep 显示您可以在 product_image 对象上设置它

app/code/core/Mage/Catalog/Helper/Image.php:105:     * Set image quality, values in percentage from 0 to 100
app/code/core/Mage/Catalog/Helper/Image.php:107:     * @param int $quality
app/code/core/Mage/Catalog/Helper/Image.php:110:    public function setQuality($quality)
app/code/core/Mage/Catalog/Helper/Image.php:112:        $this->_getModel()->setQuality($quality);
app/code/core/Mage/Catalog/Model/Product/Image.php:38:    protected $_quality = 90;
app/code/core/Mage/Catalog/Model/Product/Image.php:88:     * Set image quality, values in percentage from 0 to 100
app/code/core/Mage/Catalog/Model/Product/Image.php:90:     * @param int $quality
app/code/core/Mage/Catalog/Model/Product/Image.php:93:    public function setQuality($quality)
app/code/core/Mage/Catalog/Model/Product/Image.php:95:        $this->_quality = $quality;
app/code/core/Mage/Catalog/Model/Product/Image.php:100:     * Get image quality
app/code/core/Mage/Catalog/Model/Product/Image.php:106:        return $this->_quality;
app/code/core/Mage/Catalog/Model/Product/Image.php:331:                'quality' . $this->_quality
app/code/core/Mage/Catalog/Model/Product/Image.php:387:        $this->_processor->quality($this->_quality);
于 2011-12-05T13:05:17.800 回答
0

我的一些图像也有同样的问题，后来我意识到那些分辨率较低的图像失真了，尝试使用超过 1100 X 1100 的图像，它应该可以正常工作！

于 2012-11-23T10:38:12.287 回答
-1

将图像上传为 PNG。它们可能不如 JPG 小，但它让我们避免了 Magento 的调整大小功能造成的一些图像质量问题。

于 2014-06-19T17:17:24.913 回答