iPhone 8截图PNG的cgImage显示全黑问题求助

看起来你遇到的问题挺典型的——iPhone 8的截图通过CALayer添加到视频编辑应用时会显示全黑，但其他场景（包括转成JPEG后的截图）都正常。这个问题大概率和iPhone 8截图的色彩空间及CGImage底层处理逻辑有关，我来帮你拆解问题并给出具体解决方案：

问题根源 #

iPhone 8支持Display P3扩展色彩空间，它的默认截图会使用这个色彩空间存储；而直接将这类CGImage赋值给CALayer的contents时，部分视频渲染上下文可能无法正确解析非标准sRGB的色彩空间，最终导致渲染异常（全黑）。

至于你尝试修改HEIF/JPEG设置无效的原因：iPhone的截图格式本身是PNG，不受系统照片格式设置的影响，相机拍摄的照片、转JPEG后的截图都会自动转换为标准sRGB色彩空间，所以能正常显示。

解决方案：转换图片色彩空间到标准sRGB #

你需要把iPhone 8截图的CGImage转换为标准sRGB色彩空间后再赋值给CALayer，下面是调整后的完整代码：

// 创建图层并设置基础属性
let overlayLayerLogo: CALayer = CALayer()
let targetImage = params.logo
let imageSize = targetImage.size
overlayLayerLogo.frame = CGRect(x: 30, y: 30, width: imageSize.width, height: imageSize.height)
overlayLayerLogo.masksToBounds = true

// 新增：将图片转换为标准sRGB色彩空间
guard let originalCGImage = targetImage.cgImage else {
    parentLayer.addSublayer(overlayLayerLogo)
    return
}

// 获取标准sRGB色彩空间实例
guard let srgbColorSpace = CGColorSpace(name: CGColorSpace.sRGB) else {
    overlayLayerLogo.contents = originalCGImage
    parentLayer.addSublayer(overlayLayerLogo)
    return
}

// 创建适配sRGB的图形上下文
let context = CGContext(
    data: nil,
    width: originalCGImage.width,
    height: originalCGImage.height,
    bitsPerComponent: 8,
    bytesPerRow: 0,
    space: srgbColorSpace,
    bitmapInfo: originalCGImage.bitmapInfo.rawValue
)

// 将原图片绘制到新上下文，完成色彩空间转换
context?.draw(originalCGImage, in: CGRect(x: 0, y: 0, width: originalCGImage.width, height: originalCGImage.height))

// 赋值转换后的CGImage，转换失败则回退到原图片
overlayLayerLogo.contents = context?.makeImage() ?? originalCGImage

parentLayer.addSublayer(overlayLayerLogo)

备选方案：通过图片数据重新生成UIImage #

如果上面的色彩空间转换对你来说太繁琐，也可以通过将图片转成PNG数据再重新生成UIImage的方式，间接完成色彩空间标准化：

let overlayLayerLogo: CALayer = CALayer()
let targetImage = params.logo
let imageSize = targetImage.size
overlayLayerLogo.frame = CGRect(x: 30, y: 30, width: imageSize.width, height: imageSize.height)
overlayLayerLogo.masksToBounds = true

// 通过PNG数据转换图片，自动适配标准色彩空间
overlayLayerLogo.contents = targetImage.pngData()
    .flatMap { UIImage(data: $0) }?
    .cgImage ?? targetImage.cgImage

parentLayer.addSublayer(overlayLayerLogo)

额外检查点 #

在实现上述方案后，你可以再确认以下几点排除其他潜在问题：

• 确保CALayer的opacity属性为1.0，isHidden属性为false
• 检查父层的渲染上下文是否正确配置了色彩空间

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