相同参数下CIGaussianBlur与Photoshop高斯模糊效果差异咨询

我在尝试用Core Image的CIGaussianBlur实现和Photoshop一致的高斯模糊效果时，发现两者输出存在明显差异——并非边缘处理问题，而是在白色和深色背景下，Core Image版本的蓝色强度和Photoshop版本偏差显著。

对比素材 #

• 输入图像：
  
  
• Core Image处理结果：
  
  
• Photoshop处理结果：
  
  

当前使用的iOS端代码 #

let imageURL = Bundle.main.url(forResource: "1", withExtension: "png")!
let ciImage = CIImage(contentsOf: imageURL)!
let extent = CGRect(origin: .zero, size: ciImage.extent.size)
let blurredImage = CIFilter.gaussianBlur()
blurredImage.radius = 64
blurredImage.inputImage = ciImage

let outputURL = try! FileService.shared.getNewFileURL(type: "jpeg")
let context = CIContext()
try! context.writeJPEGRepresentation(of: blurredImage.outputImage!.cropped(to: extent), to: outputURL, colorSpace: colorSpace)

差异原因 #

Core Image和Photoshop的高斯模糊差异主要来自三个方面：

• 色彩空间处理：Photoshop默认在线性色彩空间执行模糊计算，而Core Image的CIGaussianBlur默认在当前图像的色彩空间（通常是sRGB）计算，导致色彩混合结果不同。
• 渲染精度：Photoshop使用更高精度的浮点运算，Core Image默认可能使用8位整数运算，色彩损失更明显。
• 输出色彩配置：JPEG输出时的色彩空间、压缩参数不一致也会放大差异。

修正步骤 #

1. 转换到线性色彩空间执行模糊：先将图像从sRGB转换为线性RGB，模糊后再转回sRGB，模拟Photoshop的计算逻辑。
2. 使用高精度CIContext：创建支持浮点渲染的CIContext，提升计算精度。
3. 统一输出色彩空间：确保输出时使用sRGB色彩空间，和Photoshop一致。

修改后的代码 #

let imageURL = Bundle.main.url(forResource: "1", withExtension: "png")!
let ciImage = CIImage(contentsOf: imageURL)!
let extent = ciImage.extent

// 创建高精度CIContext，支持浮点渲染
let contextOptions: [CIContextOption: Any] = [
    .workingColorSpace: CGColorSpace(name: CGColorSpace.extendedSRGB)!,
    .outputColorSpace: CGColorSpace(name: CGColorSpace.sRGB)!,
    .highQualityDownsample: true
]
let context = CIContext(options: contextOptions)

// 转换到线性色彩空间，执行模糊后转回sRGB
let linearizeFilter = CIFilter(name: "CILinearToSRGBToneCurve")!
linearizeFilter.setValue(ciImage, forKey: kCIInputImageKey)
let linearImage = linearizeFilter.outputImage!

let blurFilter = CIFilter.gaussianBlur()
blurFilter.radius = 64
blurFilter.inputImage = linearImage

let srgbFilter = CIFilter(name: "CISRGBToneCurveToLinear")!
srgbFilter.setValue(blurFilter.outputImage!, forKey: kCIInputImageKey)
let finalImage = srgbFilter.outputImage!.cropped(to: extent)

// 输出JPEG，确保色彩空间和压缩参数一致
let outputURL = try! FileService.shared.getNewFileURL(type: "jpeg")
try! context.writeJPEGRepresentation(of: finalImage, to: outputURL, colorSpace: CGColorSpace(name: CGColorSpace.sRGB)!, options: [
    kCGImageDestinationLossyCompressionQuality as CIImageRepresentationOption: 1.0
])

补充说明 #

如果调整后仍有细微差异，可以尝试：

• 使用Metal编写自定义高斯模糊Shader，完全复刻Photoshop的算法逻辑；
• 改用第三方图像处理库（如GPUImage）提供的高斯模糊实现，部分库会针对Photoshop效果做适配；
• 确保输入图像的alpha通道处理逻辑和Photoshop一致，避免透明区域的色彩混合偏差。

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