Imagick处理WebP图片导致体积增大的原因及解决方法咨询

我用JavaScript Canvas将图片转换为image/webp格式、质量0.25的Blob，提交至PHP后端后，后端仅通过Imagick加载图片未做其他操作，但图片体积从269KB增至357KB。请问这是什么原因？该如何解决？

前端JS代码 #

mycanvas.convertToBlob({type: 'image/webp', quality: 0.25}).then(resultBlob => {
     sendImage(resultBlob, file.name);
     resolve(); 
}).catch(error => {
     reject(error); 
});

后端PHP代码 #

$imagick = new Imagick();
$imagick->setResourceLimit(Imagick::RESOURCETYPE_AREA, 90000000);
$imagick->readImageBlob($blob);
if ( $imagick->getImageFormat()!='WEBP' ) $imagick->setImageFormat('webp');
$tblob = $imagick->getImageBlob();
$size = strlen($tblob);

原因分析 #

• Imagick默认编码参数导致体积膨胀：Imagick读取WebP文件后再导出时，会使用默认的WebP质量参数（通常为80左右），这个质量远高于你前端设置的0.25，直接导致重新编码后的文件体积变大。
• 无参数的格式重置触发重编码：即使后端做了格式判断，但Imagick执行setImageFormat('webp')时，会强制用默认参数重新编码图片，哪怕原格式已经是WebP，也会改变文件体积。

解决方法 #

修改后端PHP代码，在导出WebP时指定与前端一致的质量参数（注意：Imagick的setImageCompressionQuality参数范围是0-100，对应前端的0-1，所以0.25对应25）：

$imagick = new Imagick();
$imagick->setResourceLimit(Imagick::RESOURCETYPE_AREA, 90000000);
$imagick->readImageBlob($blob);

// 强制设置WebP格式和对应质量参数
$imagick->setImageFormat('webp');
$imagick->setImageCompressionQuality(25);

$tblob = $imagick->getImageBlob();
$size = strlen($tblob);

这样后端导出的WebP会沿用前端的低质量参数，避免体积无故增大。

内容的提问来源于stack exchange，提问作者abe1432181