SwiftUI中UIImage转pngData后透明度丢失的修复方法

问题核心是遮罩生成的图片可能没有正确配置RGBA颜色空间和alpha通道，导致pngData()导出时丢失透明信息。以下是具体修复方案：

1. 修复遮罩方法的上下文配置 #

你的maskImage方法在创建绘图上下文时，可能没有明确指定包含alpha通道的格式。修改方法，强制使用带预乘alpha的RGB颜色空间：

func maskImage(sourceImage: UIImage, maskImage: UIImage) -> UIImage? {
    guard let sourceCG = sourceImage.cgImage,
          let maskCG = maskImage.cgImage else { return nil }
    
    let width = sourceCG.width
    let height = sourceCG.height
    // 指定RGBA颜色空间
    let colorSpace = CGColorSpaceCreateDeviceRGB()
    // 预乘alpha格式，确保透明度被正确保留
    let bitmapInfo = CGImageAlphaInfo.premultipliedLast.rawValue
    
    guard let context = CGContext(data: nil,
                                  width: width,
                                  height: height,
                                  bitsPerComponent: 8,
                                  bytesPerRow: width * 4, // 4字节/像素（RGBA各8位）
                                  space: colorSpace,
                                  bitmapInfo: bitmapInfo) else { return nil }
    
    // 先绘制原图，再用遮罩裁剪后重新绘制
    context.draw(sourceCG, in: CGRect(x: 0, y: 0, width: width, height: height))
    context.clip(to: CGRect(x: 0, y: 0, width: width, height: height), mask: maskCG)
    context.draw(sourceCG, in: CGRect(x: 0, y: 0, width: width, height: height))
    
    guard let maskedCG = context.makeImage() else { return nil }
    return UIImage(cgImage: maskedCG)
}

2. 验证转换流程 #

在转换和重新加载图片时，确保全程使用PNG格式（JPEG不支持透明度）：

VStack {
    // 原始遮罩图片（正常显示透明度）
    if let maskedImage = maskImage(sourceImage: yourSourceImage, maskImage: yourMaskImage) {
        Image(uiImage: maskedImage)
            .background(Color.red)
        
        // 转换后重新加载的图片（现在应该保留透明度）
        if let pngData = maskedImage.pngData(),
           let reloadedImage = UIImage(data: pngData) {
            Image(uiImage: reloadedImage)
                .background(Color.red)
        }
    }
}

关键注意点 #

• 检查遮罩图片本身是否带alpha通道：如果遮罩图是纯灰度无透明的，需要先将其转为带alpha的格式（比如灰度图作为alpha通道使用）。
• 避免在绘制过程中使用不支持alpha的颜色空间，比如CGColorSpaceCreateDeviceGray，会导致透明通道丢失。

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