使用CI4 Image Service类缩放/适配图片后画质变差求助

问题分析 #

当前代码存在两个核心问题导致画质损失：

1. 多次JPEG保存累积损耗：先执行resize保存一次，再执行fit再次保存——JPEG作为有损压缩格式，每次保存都会丢失部分图像信息，即使设置质量为100也无法避免。
2. 默认插值算法质量较低：CI4 Image Service默认的插值算法偏向性能而非画质，缩放时会丢失大量细节。

解决方案 #

1. 合并处理流程，避免多次保存 #

直接基于原图完成最终尺寸的处理，跳过中间保存步骤，减少不必要的画质损耗：

$resize_for_width = isset($slide_settings['IMAGE_WIDTH_LARGE']) && $slide_settings['IMAGE_WIDTH_LARGE'] > 900 
    ? $slide_settings['IMAGE_WIDTH_LARGE'] 
    : 900;
$resize_for_height = isset($slide_settings['IMAGE_HEIGHT_LARGE']) && $slide_settings['IMAGE_HEIGHT_LARGE'] > 900 
    ? $slide_settings['IMAGE_HEIGHT_LARGE'] 
    : 900;

if ($upload_image_width >= $resize_for_width && $upload_image_height >= $resize_for_height) {
    $image = service('image')
        ->withFile($upload_folder . $filename)
        // 设置高质量插值算法
        ->setInterpolation(\CodeIgniter\Images\Image::INTERPOLATION_LANCZOS);

    if ($slide_type->resize_type == 'resize_and_crop') {
        $image->fit($resize_for_width, $resize_for_height, 'center')
              ->save($slide_variation_large, 100);
    } else {
        $image->resize($resize_for_width, $resize_for_height, true, 'width')
              ->save($slide_variation_large, 100);
    }
} else {
    $session->setFlashdata('warning', lang('Slides.large_image_not_created'));
}

2. 选择高质量插值算法 #

CI4提供多种插值选项，优先选择以下两种：

• INTERPOLATION_LANCZOS：最适合缩小图片的算法，能最大程度保留细节，画质最优
• INTERPOLATION_BICUBIC：平衡画质与性能，适合大多数场景

3. 额外检查点 #

• 确认扩展版本：如果服务器使用GD扩展，确保版本在2.0以上；使用Imagick的话，优先更新到最新稳定版，旧版本缩放算法效果较差。
• 保持格式一致：确保保存的图片格式与原图一致，避免跨格式转换带来的画质损失。

效果对比 #

• 原图：
  
• 原缩放后图（问题示例）：
  

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