iOS 13下含-rw参数的图片URL加载失败问题咨询

问题背景 #

使用Nuke库加载Googleusercontent或Blogspot的图片URL时，遇到以下问题：

• 带-rw参数的URL在iOS 16中可正常加载，但iOS 13中加载失败
• 临时移除-rw参数可解决问题，但对于包含组合尺寸参数的URL（如w800-h400-rw），直接移除会破坏原有尺寸规则，存在风险

先明确-rw参数的含义：这是Google图片服务（包括Blogspot、Googleusercontent）的图片处理参数，用于强制按指定宽度重采样并保持宽高比，同时可能触发特定格式优化（比如返回WebP格式）。iOS 13加载失败的核心原因大概率是该参数触发的响应格式（如WebP）在iOS 13中的解码兼容性问题，或是旧版Nuke对这类参数的处理存在bug。

可靠解决思路 #

1. 精准修改URL参数，安全移除-rw #

针对不同域名的URL结构，精准定位-rw参数并移除，避免破坏其他尺寸参数：

• Googleusercontent URL：-rw通常附在末尾的尺寸参数后（如=w400-rw），直接替换末尾的-rw为空
• Blogspot URL：-rw嵌入在路径的尺寸段中（如/w800-h400-rw/），替换-rw/为/

Swift实现示例：

func sanitizeImageURL(_ originalURL: URL) -> URL? {
    var urlString = originalURL.absoluteString
    let host = originalURL.host ?? ""
    
    // 处理Googleusercontent的末尾参数
    if host.contains("googleusercontent.com") {
        urlString = urlString.replacingOccurrences(of: "-rw$", with: "", options: .regularExpression)
    }
    // 处理Blogspot路径中的参数
    else if host.contains("blogspot.com") {
        urlString = urlString.replacingOccurrences(of: "-rw/", with: "/", options: .regularExpression)
    }
    
    return URL(string: urlString)
}

// 使用方式
if let sanitizedURL = sanitizeImageURL(yourOriginalURL) {
    Nuke.loadImage(with: sanitizedURL, into: yourImageView)
}

2. 调整Nuke的图片解码配置，兼容iOS 13 #

如果问题源于WebP格式兼容性：iOS 13虽原生支持WebP，但对某些编码的WebP处理存在缺陷。可以强制Nuke使用JPEG/PNG解码器，或集成第三方WebP解码库：

方式一：禁用WebP解码，强制使用默认解码器

// 自定义图片管道，仅保留默认JPEG/PNG解码器
let customPipeline = ImagePipeline {
    $0.dataDecoder = ImageDecoders.Default()
}

// 使用自定义管道加载图片
customPipeline.loadImage(with: yourURL) { result in
    DispatchQueue.main.async {
        switch result {
        case .success(let response):
            yourImageView.image = response.image
        case .failure(let error):
            print("加载失败：\(error.localizedDescription)")
        }
    }
}

方式二：集成第三方WebP解码器（如SDWebImageWebP）

如果需要保留WebP支持，可将SDWebImage的WebP解码器集成到Nuke中，解决iOS 13的解码问题。

3. 升级Nuke到最新版本 #

旧版本Nuke可能存在iOS 13下的URL处理或解码bug，升级到官方最新版本，查看是否已修复相关兼容性问题。

4. 验证服务器响应差异 #

通过Charles等抓包工具，对比iOS 13和iOS 16下服务器返回的响应：

• 检查响应头的Content-Type是否为image/webp
• 对比图片内容的编码格式
  根据差异针对性调整解码策略或URL参数。

内容的提问来源于stack exchange，提问作者Nam Cao Phương