SwiftUI使用Kingfisher调整图片大小时出现模糊，如何保证画质？

你遇到的图片模糊问题核心是 ResizingImageProcessor 的 referenceSize 参数默认使用*点（Point）*作为单位，没有适配iOS设备的屏幕缩放因子（普通屏为@1x，视网膜屏为@2x/@3x），导致处理后的图片实际像素数远低于屏幕渲染需要的像素数，最终显示时被拉伸出现模糊。

struct IconView: View {
    
    let frame: CGFloat
    let url: String
    let iconPath: String

    var body: some View {
        if !iconPath.isEmpty {
            KFImage(URL(string: "\(url)\(iconPath)"))
                .placeholder {
                    Circle()
                        .fill(Color.primaryBackground)
                        .frame(width: frame, height: frame)
                }
                // 适配屏幕缩放因子，将点单位转换为实际像素单位计算 resize 尺寸
                .setProcessor(ResizingImageProcessor(
                    referenceSize: CGSize(
                        width: frame * UIScreen.main.scale,
                        height: frame * UIScreen.main.scale
                    ), 
                    mode: .aspectFit
                ))
                // 可选配置：提升图片缩放时的插值质量
                .configure { imageView in
                    imageView.layer.minificationFilter = .trilinear
                    imageView.layer.magnificationFilter = .trilinear
                }
                .frame(width: frame, height: frame)
        }
    }
}

• 如果需要将图片裁剪为圆形，建议将圆角裁剪逻辑也加入Kingfisher的处理器链，既可以避免离屏渲染提升性能，也能保证裁剪边缘的清晰度：

// 处理器拼接示例
let resizeProcessor = ResizingImageProcessor(
    referenceSize: CGSize(
        width: frame * UIScreen.main.scale,
        height: frame * UIScreen.main.scale
    ),
    mode: .aspectFill
)
let roundProcessor = RoundCornerImageProcessor(
    cornerRadius: frame * UIScreen.main.scale / 2
)
// 用 |> 符号拼接多个处理器
KFImage(...)
    .setProcessor(resizeProcessor |> roundProcessor)

• 确认原始图片的分辨率不低于你需要的目标尺寸，若原始图本身分辨率低于目标像素尺寸，无论怎么调整处理参数都无法得到清晰的效果。

内容的提问来源于stack exchange，提问作者Hattori Hanzō