iOS UIImageView合成转图片时画质降低，输出清晰度远差于原图如何解决

问题根因 #

• 核心问题是代码中UIGraphicsImageRendererFormat的scale属性被强制设置为1.0：当前iOS设备基本都是Retina屏幕，屏幕scale为2或3，1.0的渲染精度仅对应非视网膜屏幕标准，生成的图片像素密度远低于原始背景图，直接导致画质模糊。
• 额外影响因素：代码中临时修改视图bounds再回改的操作，容易引发绘制区域坐标匹配偏差，导致素材被拉伸变形，进一步降低视觉画质。

修正方案 #

直接修改scale配置，同时优化绘制逻辑，无需修改原视图的bounds属性，避免额外布局异常：

// 属于UIView扩展的方法，self为当前承载背景图、文本、贴纸的UIView实例
let op_format = UIGraphicsImageRendererFormat()
// 替换固定的1.0为当前设备的Retina scale，若要完全匹配原始背景图精度可改为 原始背景图.scale
op_format.scale = UIScreen.main.scale
let renderer = UIGraphicsImageRenderer(bounds: CGRect(origin: .zero, size: outputSize), format: op_format)
let finalImage = renderer.image { ctx in
    // 调整绘制坐标，把clipRect对应区域完整绘制到输出画布
    let targetDrawRect = CGRect(
        origin: CGPoint(x: -clipRect!.origin.x, y: -clipRect!.origin.y),
        size: self.bounds.size
    )
    self.drawHierarchy(in: targetDrawRect, afterScreenUpdates: true)
}

额外优化建议 #

• 如果需要输出和原始背景图完全等像素的无损失图片，可以将outputSize设置为原始背景图的像素尺寸，同时把op_format.scale设置为1.0，避免缩放带来的画质损失。
• 文本、贴纸素材尽量使用高分辨率资源，避免素材本身分辨率不足导致最终生成图模糊。

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